::-webkit-details-marker {
     display: none;
 }


/* formatação de menu  headers*/ 
 /* formatação de menu*/

.labelmenu{

    color: white;
}

 #check{
     display: none;

 }
 #icone{
     font-size: 25pt;
     cursor: pointer;
     padding: auto;
     position: absolute;
     z-index: 5;
     color: white;
     top: 2px ;
     right: 5px;
 }
 #icone :hover{
     color: yellow;
      text-shadow: black ;
  }
 #icone :hover li{
       display: none;
       transition: 3s;
   }
 .barra h1{
     display: none
 }
 .barra{

     position: absolute;
     background-color: #333;
     height: 40px;

     top: 2px;
     transition: all .2s linear;
     left: -300px;
 }
 #navMenu{

     position: absolute;
     top: 66px;
     width: 270px;

 }
 nav a{

     text-decoration: none;


     text-align: center;
 }
 .link{
     text-transform: uppercase;
     background-color:rgb(22 56 7);
     padding: 9px;
     font-family: 'Arial', cursive;
     font-size: 16pt;
     transition: all .4s linear;
     color:#e9dddd;
     border: 2px solid slategray;
     border-radius: 15px;
     opacity: 0;
     margin-top: -21px;
     text-shadow: 0 1px 2px black;
 position: relative;
     z-index: 5;

 }
 .link:hover{
     background-color: forestgreen;
     color: black;

 }
 #check:checked ~.barra{
     transform: translateX(300px);

 }
 #check:checked ~.barra nav a .link{
     opacity: 20;
     margin-top: 0;


 }