:root {
  --container-width: 100%;
  --big-container-width: 100%;
  --container-padding: 16px;
  --post-container-padding: 16px;
  --font-main: var(--font-family);
  --font-accent: var(--second-family);
  --text-color: var(--main-white);
  --font-family: "Helvetica Neue", sans-serif;
  --second-family: "Gilroy", sans-serif;
  --page-bg: var(--main-black);
  --main-white: #fff;
  --main-yellow: #fed500;
  --main-black: #010101;
  --input-bg: #121212;
  --caret-color: var(--main-yellow);
}
@media (min-width: 768px) {
  :root {
    --container-width: 736px;
  }
}
@media (min-width: 1024px) {
  :root {
    --container-width: 1024px;
    --post-container: 815px;
    --post-container-padding: 0;
  }
}
@media (min-width: 1440px) {
  :root {
    --big-container-width: 1440px;
    --container-width: 1279px;
    --container-padding: 0px;
  }
}
@media (min-width: 1920px) {
  :root {
    --big-container-width: 1920px;
    --container-width: 1680px;
    --container-padding: 0px;
  }
}