







ul{
      padding: 20px 80px 20px 80px;
      z-index: 7000;
  }

  ul li img{
      width: 50px;
      height: 40px;

  }



  .lista-header{
      list-style: none;
      display: flex;
      justify-content: space-between;
      padding: 10px 30px;
  }

  .lista-header a{
      cursor: pointer;
  }


    .nav-container {
      display: flex;
      justify-content: space-between;
      align-items: center;

    }



    .navbar .menu-items {
      display: flex;
      justify-content: center;
      align-items: center;

    }



    .navbar .nav-container li {
      list-style: none;
    }

    .navbar .nav-container a {
      text-decoration: none;
      color: #fff;
      font-weight: 500;
      font-size: 1.2rem;
      padding: 0.7rem;
    }

    .navbar .nav-container a:hover{
        font-weight: bolder;
    }

    .nav-container {
      display: block;
      position: absolute;
    }

    .nav-container .checkbox {
      position: absolute;
      display: block;
      height: 32px;
      width: 32px;
      top: 20px;
      left: 20px;
      z-index: 6;
      opacity: 0;
      cursor: pointer;
    }

    .nav-container .hamburger-lines {
      display: block;
      height: 26px;
      width: 32px;
      position: absolute;
      top: 17px;
      left: 20px;
      z-index: 5;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .nav-container .hamburger-lines .line {
      display: block;
      height: 4px;
      width: 100%;
      border-radius: 10px;
      background: var(--verde-claro);
    }

    .nav-container .hamburger-lines .line1 {
      transform-origin: 0% 0%;
      transition: transform 0.4s ease-in-out;
    }

    .nav-container .hamburger-lines .line2 {
      transition: transform 0.2s ease-in-out;
    }

    .nav-container .hamburger-lines .line3 {
      transform-origin: 0% 100%;
      transition: transform 0.4s ease-in-out;
    }

.menu-items {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0,-150%);
  transition: transform 0.5s ease-in-out;
    z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  text-align: center;
  background-color: #1e1e37;
}

.menu-items li {
      font-size: 1.5rem;
      color: #FFf;
    }


    .nav-container input[type="checkbox"]:checked ~ .menu-items {
      transform: translate(0);
    }

    .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
      transform: rotate(45deg);
    }

    .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
      transform: scaleY(0);
    }

    .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
      transform: rotate(-45deg);
    }

    .nav-container input[type="checkbox"]:checked ~ .logo{
      display: none;
    }

    .menu-aberto{
      background-color: var(--azul-escuro);
      background-color: #1e1e37;
      font-family: 'Poppins Medium';
      z-index: 5000;
    }

    .show{
      transform: translate(0);
      margin: auto;
      display: flex;
    }



    .menu-aberto li{
      margin-top: 40px;
      list-style: none;
    }



    .menu-aberto a {
      color: white;
      text-decoration: none;
  }



    .menu-aberto li a:hover{
      color: var(--verde-claro);
    }


    .logo{
      width: 177px;
      height: 37px;
      margin-top: 50px;
    }

    .btn-sair{
      padding: 10px 50px;
      background-color: var(--verde-claro);
      border-radius: 30px;
      font-family: 'Poppins Black';
      color: #1e1e37;
      border: none;
      box-shadow: 10px 10px 41px -1px rgba(0,0,0,0.46);
      cursor: pointer;
    }



