@font-face {
  font-family: "Tweak Font";
  src: url("/fonts/TweakFont-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Tweak Font", sans-serif;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: inherit;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.homepage {
  margin-top: 65px;
}
.header {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;

  width: 100vw;
  background-color: white;

  display: flex;
  justify-content: center;
  align-items: center;

  gap: 80px;

  padding: 1.5rem;

  @media (max-width: 1023.98px) {
    gap: 60px;

    padding: 1rem 1.5rem;
  }

  @media (max-width: 599.98px) {
    gap: 30px;

    padding: 0.5rem 1.5rem;
  }
}

.header-link {
  font-size: 2rem;

  transition: all 300ms ease-out;

  @media (max-width: 1023.98px) {
    width: 50px;
  }
}

.header-link:hover {
  transform: translateY(-5px);
}

.link-text {
  @media (max-width: 1023.98px) {
    display: none;
  }
}

.link-img {
  display: none;

  width: 100%;
  height: auto;

  @media (max-width: 1023.98px) {
    display: block;
  }
}