.global-nav {
   background-color:rgb(242, 242, 242);
   opacity: 0.95;
   position: fixed;
   display: flex;
   justify-content: center;
   width: 100%;
   padding: 0 1rem;
   height: 80px;
   z-index: 3;
   &__items {
      max-width: 960px;
      list-style: none;
      text-transform: uppercase;
      display: flex;
      justify-content: space-between;
      margin: 1.5rem auto;
   }
   &__item {
      display: flex;
      padding: 0 1rem;
      text-decoration: none;
      color: rgb(51, 55, 58);
   }
   &__link {
      font-size: 0.8rem;
      text-decoration: none;
      color: rgb(51, 55, 58);
      font-weight: 500;
      text-align: center;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
   }
   &__link:hover {
      text-decoration: none;
      color: rgb(51, 55, 58);
   }
   &__link:hover {
      color: rgb(16, 202, 196);
      transition: 0.5s all;
   }
}

.logo {
   margin: 1.5rem;
}