@font-face {
  font-family: "Anton";
  src: url("../fonts/Anton-Regular.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: #fff;
  --black: #000;
  --violet: #4D43FE;
  
  --size: clamp(10px, 3vw, 17px);
  --ease: cubic-bezier(0.77, 0, 0.175, 1);
}

.sr-only {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

@media (width<= 650px) {
  :root {
    --size: clamp(5px, 2.5vw, 30px);
  }
}