body {
      background-color: white;
      font-family: adobe-text-pro,serif;
      font-weight: 400;
      font-style: normal;
      overflow: hidden;
    }
    
    nav {
      left: 0;
      position: fixed;
      width: 100vw;
      height: 100%;
      z-index: 2;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
    #nav-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    
    #logo-div {
      padding-top: 10px;
      width: auto;
      height: auto;
    }
    
    #logo {
      width: 45vw;
    }
    
    #nav-links {
      width: auto;
      display: flex;
      flex-direction: column;
      font-size: 45px;
      text-align: center;
    }

    #nav-links a {
      text-decoration: none;
      color: #ffffff;
    }
    
    #nav-links a:hover {
      text-decoration: underline;
    }
    
    main {
      position: absolute;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
    }
    
    #main-content {
      display: block;
      background-image: url('/images/mai.jpg');
      background-position: center;
      background-size: cover;
      width: 100%;
      height: 100%;
    }
    
    @media (max-width: 1024px) {
      nav {background-color: transparent;}
      #nav-content {margin-bottom: 70px;}
      #logo {width: 75vw;}
      #nav-links {font-size: 24px;}
      #nav-links p {width: 100vw; margin-bottom: -10px;}
      #main-content { padding-left: 0; margin: auto; padding: 0;}
    }