@font-face {
  font-family: "Post Sans";
  src: url("assets/fonts/post-sans.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

:root {
  --black: #050505;
  --black-2: #0b0b0b;
  --black-3: #121212;
  --white: #f4f4f4;
  --gray-1: #d2d2d2;
  --gray-2: #929292;
  --gray-3: #5f5f5f;
  --line: rgba(255, 255, 255, 0.16);
  --line-strong: rgba(255, 255, 255, 0.34);
  --font: "Post Sans", Arial, sans-serif;
  --shell: min(calc(100% - 3rem), 92rem);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-slow: cubic-bezier(0.65, 0, 0.35, 1);
}

@media (max-width: 48rem) {
  :root { --shell: min(calc(100% - 2rem), 92rem); }
}