body {
    background-color: black ;
    color: #00ff00;
}
header {
    height: 12em;
    font-family: 'Roboto Mono', monospace;
    background-color: black;
}
#brgr {
    font-weight: bolder;
    color: #00ff00;
    font-size: 3em;
}
h1 {
    font-family: 'Rubik Mono One', sans-serif;
    font-size: 3.7em;
}



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

  a:hover {
    text-decoration: underline;
    color:#00ff00;
    font-size: 3em;
}

  a:active {
      background-color:#00ff00;
      color: black;
  }

  .notes {
    font-size: 1.5em;
    line-height: auto;
    font-family: 'Roboto mono', monospace;
    text-align: justify;
  }

  #wbdsgn {
    text-decoration: underline ;
      font-size: 1em ;
  }

  #wbdsgn:active {
    background-color:#00ff00;
    color: black;
    font-weight:bold;
  }

  #btstrp {
    text-decoration: underline ;
    font-size: 1em ;
  }

#btstrp:active {
  background-color:#00ff00;
  color: black;
  font-weight: bold;
}

  hr {
      border-bottom: 0.11em solid #00ff00;
  }

  .drpmnu {
    background-color: black;
    color: #00FF00;
    border: solid #00ff00 0.11em;
}



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

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

  
.notes {
  font-size: 1em;
  line-height: auto;
}
    
}

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

 .burger {
        display: none;
       }
}