header img {
   height: 60px;
   margin-left: 40px;
}

.container {
   background-color: white;
}

body {
   height: 0vh;
   background-color: white;
   background-size: cover;
   font-family: sans-serif;
   margin-top: 80px;
   padding: 30px;
}

main {
   color: black;
}

header {
   background-color: black;
   position: fixed;
   text-align: right;
   top: 0;
   left: 0;
   right: 0;
   height: 80px;
   display: flex;
   align-items: center;
   opacity: 0.8;
}

   header * {
      display: inline;
   }

   header li {
      margin: 20px;
   }

      header li a {
         color: white;
         text-decoration: none;
      }

.button {
   background-color: #3A3A3A;
   border: none;
   color: white;
   padding: 15px 32px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   margin: 4px 2px;
   transition-duration: 0.5s;
   cursor: pointer;
   border: none;
   border-radius: 12px;
   margin: 8px 0;
}

.button1 {
   background-color: white;
   color: white;
}

   .button1:hover {
      background-color: white;
      color: black;
   }

#logo {
   transition: transform 0.5s ease;
}

#logo-link:hover #logo {
   transform: scale(1.2);
}

.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 50%;
}