body {
    background-color: #0000FF;
    color: white;
}

header {
    height: 12em;
    font-family: 'Roboto Mono', monospace;
    background-color: #0000FF;

}

#brgr {
    font-weight: bolder;
    color: white;
    font-size: 3em;
}

h1 {
    font-family: 'Rubik Mono One', sans-serif;
    font-size: 3.7em;
}


  a {
      color: white;
      font-size: 1.5em;
      font-family: 'Roboto Mono', monospace;
  }

  a:hover {
    text-decoration: underline;
    color: white;
    font-size: 3em;
}

  a:active {
    background-color:#ffff00;
    color: black;
font-family: 'Roboto Mono', monospace;
}
 



img:active {
     background-color: black;
 }


 
 .drpmnu {
     background-color: #0000FF;
     color: white;
     border: solid white 0.11em;
  } 



 @media screen and (max-device-width: 1023px) {
     nav{ display: none ;

     }
    h1 {
         font-size: 2.5em ;
         text-align: left;
     }

    

     img:active {
        border: dashed 0.12em #ffff00;
        padding: 0.25em;
     }

    
 }

 @media screen and (min-device-width: 1024px) {

    

    img:hover {
        height: 60%;
        width: auto;
        border: dashed 0.12em #ffff00;
        padding: 0.25em;
    }

     .burger {
         display: none;
        }
 }