@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;600;900&display=swap");

html {
  scroll-behavior: smooth;
}

body {
  height: 100vh;
  font-family: "Montserrat", sans-serif;
  text-rendering: optimizeLegibility;
  margin: 0;
  overscroll-behavior-y: none;
}

:root {
  --logo-primary: hsla(0, 0%, 0%, 0.7);
  --logo-secondary: hsla(0, 0%, 100%, 0.8);
  --logo-size: 150px;
  --logo-size-half: 75px;

  --background-color1: hsl(0, 0%, 95%);
  --background-color2: hsl(0, 0%, 35%);
  --background-color-nav: hsla(0, 0%, 95%, 0.6);

  --text-primary: hsla(0, 0%, 0%, 0.9);
  --text-secondary: hsla(0, 0%, 0%, 0.7);
  --text-disabled: hsla(0, 0%, 0%, 0.4);
}

.anchor {
  display: block;
}

@media (max-width: 760px) {
  .anchor {
    position: relative;
  }
  .anchor > span {
    position: absolute;
    top: calc(0px - var(--logo-size));
  }
}