@charset "UTF-8";

:root {
  --cor03: rgb(0, 47, 75);
}

.conteudo {
  transition: 1s;
}

.hidden {
  display: flex;
  align-items: center;
}

div.hidden {
  margin-top: -20px;
}

button.btn_icon_header {
  background-color: transparent;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: none;
}

@media only screen and (max-width: 750px) {
  button.btn_icon_header {
    display: inline-block;
  }

  div.navheader {
    position: absolute;
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 100vh;
    width: 35vw;
    padding: 1em;
    background-color: var(--cor03);
    margin-left: -90vw;
    margin-top: -25px;
  }

  .navheader > a{
    background-color: transparent;
    box-shadow: none;
    margin-left: 0px;
  }

  .logo {
    display: none;
  }

  .logo2 {
    display: block;
  } 
}

@keyframes showSidebar {
  from {margin-left: -90vw;}
  to {margin-left: 0vw;}
}