:root {
  --html-bg-color: rgb(255, 255, 255);
  --html-bg-color-hover: rgba(244, 244, 244, 0.722);
  --accent-color: #E5EAEE;
  --accent-color-inactive: rgba(25, 21, 16, 0.3);
  --separation-color: #FBFBFB;
  --red-color-inactive: rgba(0, 0, 0, 0.649);
  --red-color-active:  rgb(0, 0, 0);
  --white-color-active: rgb(255, 255, 255);
  --white-color-inactive: rgb(228, 228, 228);
  --black-color-active: rgb(0, 0, 0);
  --black-color-inactive: rgba(0, 0, 0, 0.586);
  /* --accent-color: rgb(214, 188, 159);
  --red-color-inactive: rgb(107, 76, 79);
  --red-color-active:  rgb(83,47,54);*/
  --max-size-screen: 900px; 
  --margin-bottom-small: 70px;
  --margin-bottom-classic: 140px;
}


* {
  box-sizing: border-box;
  font-family: OpenSans;
}

html {
  background-color: var(--html-bg-color);
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
}

html, body {
  overflow-x: hidden;
}