*{
  padding: 0;
  margin:0;
  text-decoration: none;
  list-style: none;
  box-sizing: boder-box;
 }

body{
  font-family: montserrat;
  }
  @viewport {
    width: device-width ;
    zoom: 1.0 ;
  }
nav{
  background: #0082e6;
  height: 80px;
  width: 100%;
 }
 label.logo{
   color: white;
   font-size:30px;
   line-height: 80px;
   padding: 0 100px;
   font-weight:bold;
   text-transform: capitalize;
  }
 nav ul{
   float: right;
   margin-right:20px;
  }

 nav ul li{
   display:inline-block;
   line-height:80px;
   margin: 0 5px;
  }

 nav ul li a{
   color: white;
   font-size:17px;
   padding:7px 13px;
   border-radius: 3px;
   text-transform:uppercase;

 }
 a.active,a:hover{
   background: #1b9bff;
   transition:.5s;
  }

  .checkbtn{
    font-size: 30px;
    color:white;
    float:right;
    line-height:80px;
    margin-right:40px;
    cursor:pointer;
    display:none;
   }
  #check{
    display:none;
   }

  @media (max-width:952px){

  label.logo{
    font-size:20px;
    padding-left:50px;
   }

  nav ul li a{
    font-size:16px;
   }
  }
  @media (max-width:858px){
  .checkbtn{
      display:block;
   }
  ul{
   position:fixed;
   width:100%;
   height:100vh;
   background:#2c3e50;
   top:80px;
   left:-100%;
   text-align:center;
   transition: all .5s;
  }
  nav ul li{
   display:block;
   margin: 50px 0;
   line-height: 30px;
   }
  nav ul li a{
   font-size:20px;
   }
  a:hover,a.active{
   background:none;
   color:#0082e6;
   }
  #check:checked ~ ul{
   left:0;
   }
  }

  .header {
     font-weight: 700;
     line-height: 1em;
     color: #333;
     font-style: normal;
     font-size: 1em;;
     text-transform: uppercase;
     font-family: Consolas,Monaco,andale mono,ubuntu mono,monospace;

       padding: 30px;
       text-align: center;
       font-size: 35px;
    }
    .header1 {
         font-weight: 700;
         line-height: 1em;
         color: #333;
         font-style: normal;
         font-size: 1em;;
         text-transform: uppercase;
         font-family: Consolas,Monaco,andale mono,ubuntu mono,monospace;

           padding: 30px;
           text-align: center;
           font-size: 35px;
        }


#footer {
	float: bottom;
	padding: 40px 10px;
	margin:auto;
	background: #00121b;
	width:100%;
	display:block;
	color:white;
	display:flex;
	box-sizing:border-box;
	justify-content:center;

}

@media (max-width:858px){
html {
      font-size: 8px;
   }

   }
@media(max-width:858px)
{
    pre {
        white-space: pre-wrap;
        word-wrap: break-word;
        text-align: justify;

}
}