body {
  height: 100dvh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--darkBg);
}

:root {
  --darkBg: #9dbf9e;
  --font-size-med: 20px;
  --font-size-small: 16px;
  --font-size-large: 24px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Rampart One";
}

::before,
::after {
  box-sizing: inherit;
}
@font-face {
  font-family: "Rampart One";
  src:
    url("./fonts/RampartOne-Regular.woff2") format("woff2"),
    url("./fonts/RampartOne-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* all auth pages, login/ signup/ joinVip */

.authContainer {
  font-size: var(--font-size-med);
  display: flex;
  height: 650px;
  width: 400px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: aliceblue;
  a {
    text-decoration: none;
  }
  form {
    display: flex;

    padding: 1rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;

    input {
      font-family: "Courier New", Courier, monospace;
      height: 2rem;
    }
    button {
      height: 2rem;
    }
  }
  a {
    color: green;
  }

  .anchorContainer {
    display: flex;
    gap: 5px;
  }
  .homeAnchor {
    color: black;
  }
}

@media (hover: none) {
  body {
    background: aliceblue;
  }
}