.topnav {
    font-family: Courier, monospace;   
    overflow: hidden;
    background-color: rgb(250, 250, 250);
    border: 1vw solid rgb(140, 154, 210); 
    position: relative;
  
  }
  
  .topnav #myLinks {
    display: none;
  }
  
  .topnav a {
    text-align: center;
    color: rgb(143, 118, 232);
    font-family: Courier, monospace;   
    padding: 2vw;
    text-decoration: none;
    font-size: 5vw;
    display: block;
  }
  
  .topnav a.icon {
    background: rgb(250, 250, 250);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .topnav a:hover {
    color: rgb(33, 30, 72);
  }
  
  .active {
    background-color: #04AA6D;
    color: rgb(155, 28, 28);
  }
  @media (min-width: 601px) {
     .topnav {
       display:none;
     }
   }