html, body {
      height: 100%;
      font-family:"Inter", sans-serif;
      letter-spacing: 1px;
      overflow: hidden;
      /*--font-mono: Consolas, "Andale Mono", Courier, "Courier New", monospace;*/
    }

    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

    .noise{
      /* content is required when using :after */
      content: "";
      z-index: -1;
      /* The grainy image */
      background-image: url("./noise.gif");
      /* Specify a height and width above and beyond the page header for movement */
      height: 100%;
      width: 100%;
      /* We're using opacity in place of a transparent image */
      opacity: 0.05;
      /* We'll need this when the animation kicks in to hold the position of the texture */
      position: fixed;
    }

    .container {
      display: flex;
      height: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
    }

    .containerfs {
      display: flex;
      height: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    /* set width of logo as the minimum of 200px & 50vw */
    .logo {
      margin:65px 35px 35px 35px;
      width: min(30vw, 200px);
      opacity:0.9;
    }

    .logofs {
      margin:35px;
      width: min(30vw, 200px);
      opacity:0.75;
    }

    .buttons {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 32px;
    }

    .button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 10em;
      height: 48px;
      border: 2px solid white;
      border-radius: 24px;
      margin: 2em;
      font-size: 1em;
      color: white;
      text-decoration: none;
      transition:ease-in 0.2s;
    }

    @media screen and (max-width:700px) {
      .logo{

      }
      .buttons{
        width:30em;
        margin:0;
      }
      .button {
        height:55px;
        margin:1em;
        width:10em;
      }
    }
    .button:hover {
      background-color: rgba(255, 255, 255, 0.3);
    }

    .footer {
      margin: 32px;
      font-size: 14px;
      text-decoration:none;
      color: white;
    }

    .footer a {
      color:white;
    }