<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
    padding:0px;
    margin:0px;
    box-sizing:border-box;
    font-family: "Ramabhadra",Times, serif;
    transition: none;
}


/* nav  bar css */

  
.menubar {
    background-color:#4e4e4e;
    list-style-type: none;
    padding-left:9px;
    padding-bottom:12px;
    padding-top:5px;
    line-height:1.7em;
  }
  
   .menubar li {
    display:inline-block;
 
    padding:3px;
  }
  
   .menubar li a {
    color: white;
    text-decoration: none;
 
  }
  
.menubar li a:hover {
    color:crimson;
	text-shadow:0px 2px 2px black;
	font-weight:500; 
  }

  .banner-image-container {
 padding-bottom: 28.25%;
 width: 100%;
 position:relative;
 overflow:hidden;
}
.banner-image {
 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 
}

@media (max-width:800px) {
 .menubar {
    display:flex;
    flex-wrap:wrap;
 }

.banner-image-container {
     padding-bottom:25.25%;

 }


}
/*--------------------------------------------------*/
</pre></body></html>