header h1 {
text-align:center;
 font-family: "DynaPuff", system-ui;
  font-weight: 600;
  font-style: normal;
color:#5c393f;
text-shadow: -3px 0 white, 0 3px white, 3px 0 white, 0 -3px white;
filter:drop-shadow(rgba(0, 0, 0, 0.196) 0px 3px 0px);
font-size:65px;
margin:5px;
}

#section1{
  display: flex;
}

#nav{
    width: 270px;
    background: #ffffff 0px 0px / 3px;
  padding: 6px;
  margin-left: 2px;
  margin-right:2px;
border-style:double;
border-width:5px;

}

#navtitle{
  text-align:center;
 font-family: "DynaPuff", system-ui;
  font-weight: 600;
  font-style: normal;
color:#5c393f;
text-shadow: -3px 0 white, 0 3px white, 3px 0 white, 0 -3px white;
filter:drop-shadow(rgba(0, 0, 0, 0.196) 0px 3px 0px);
font-size:28px;
background-color:#f59fb5;
margin-bottom:12px;
}

#navtitle p{
margin:0px;
}

#content{
  font-size:24px;
   font-family: "Jersey 20", system-ui;
  font-weight: 600;
  font-style: normal;
}
 
 #content hr{
   margin:6px;
 }
 
a{
  color:#5c393f;
}
a:hover{
  color:#e8e089;
}

#maintitle{
background-color:#5c393f;
margin-bottom:4px;
text-align: center;
padding:3px;
}

#maintitle img{
  padding:3px;
} 

  #main{
    width: 700px;
    height:175px;
    background: #ffffff 0px 0px / 3px;
  padding: 6px;
  margin-left: 18px;
  margin-right: 18px;
border-style:dashed;
border-width:4px;
color:#5c393f;
 font-size:22px;
   font-family: "Jersey 20", system-ui;
  font-weight: 600;
  font-style: normal;
  overflow-y: auto;
}

#rightsidetop{
   width: 290px;
  padding: 6px;
  margin-left: 2px;
  margin-right:2px;
border-style:dotted;
border-width:5px;
background-image: url(polka.JPG);
    border: 2px solid #5c393f;
    box-sizing: border-box;
    border-radius: 10px;
    height: fit-content;
}

#rightsidetop img {
  border-style:dotted;
border-width:5px;
border: 2px solid #5c393f;
text-align: center;
}