body {
background-image: url(pngs/bg2.jpg);
 margin: 0 auto;
font-size: 12px;
font-family: sans-serif;
align-items: center;
align-content: center;
}

.header {
  margin: 0 auto;
  margin-top: -10px;
  height: 130px;
  align-content: center;
  text-align: center;
  margin-bottom: 15px;
  width:600px;
}

.mainbox {
margin: 0 auto;
 width: 550px;
 background-color: antiquewhite;
 min-height: 400px;
 padding-top: 0px;
 padding-right: 7px;
 padding-left: 7px;
 padding-bottom: 4px;
 text-align: center;
 border: solid 1px black;
 
}

.nav {
  margin: 0 auto;
   margin-right: 0px;
display: inline-block;
width: 120px;
background-color: #ffcceb;
color: black;
padding: 5px;
border-radius: 10px;
font-size: 12px;
border-style: solid;
border-color: #ddb4ca;
border-width: 2px;

}

.nav2 {

  margin: 0 auto;
   margin-left: 0px;
display: inline-block;
width: 120px;
background-color: #ffcceb;
color: white;
padding: 5px;
border-radius: 10px;
min-height: 300px;
font-size: 12px;
border-style: solid;
border-color: #ddb4ca;
border-width: 2px;

}

.nav2 a {
color: black;

}

.nav a {
color: black;
}

.outlinepink {
color: white;
  background-color: #e3a6d3;
  text-shadow: -1px -1px 0 #bc65a5, 1px -1px 0 #bc65a5, -1px 1px 0 #bc65a5, 1px 1px 0 #bc65a5;
text-align: center;
}

.outlinegreen {
color: white;
  background-color: #c8ffab;
  text-shadow: -1px -1px 0 #17984a, 1px -1px 0 #17984a, -1px 1px 0 #17984a, 1px 1px 0 #17984a;
text-align: center;
}



.column{
  display:inline-block;
  margin: 0 auto;

}

.box{
margin: 0 auto;
color: black;
background-color: white;
border: solid 1px grey;
 padding-top: 2px;
 padding-right: 10px;
 padding-left: 10px;
 padding-bottom: 2px;
 margin: 5px;
 text-align: left;
 font-family: serif;
 font-size: 12px;
}

.box h3{
 font-family: "Jacquard 24", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}


.box h2{
 font-family: "Jacquard 24", serif;
 text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
}

.box h1{
 font-family: "Jacquard 24", serif;
 text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
}





.scrollbox{
  width:100%;
  overflow-y: scroll;


}

.smallbox{
background-color: white;
border: solid 2px #b4ad83;
 padding-top: 2px;
 padding-right: 10px;
 padding-left: 10px;
 padding-bottom: 2px;
 text-align: left;
 margin: 0 auto;
color: black;
width: 300px;
font-family: 'Courier New', Courier, monospace;
font-size: 12px;
}

.homemade-apple-regular {
  font-family: "Homemade Apple", serif;
  font-weight: 400;
  font-style: normal;
}

.henny-penny-regular {
  font-family: "Henny Penny", system-ui;
  font-weight: 400;
  font-style: normal;
}

.sofadi-one-regular {
  font-family: "Sofadi One", system-ui;
  font-weight: 400;
  font-style: normal;
}

.jacquard-24-regular {
  font-family: "Jacquard 24", system-ui;
  font-weight: 400;
  font-style: normal;
}

.indie-flower-regular {
  font-family: "Indie Flower", cursive;
  font-weight: 400;
  font-style: normal;
}

.syne-mono-regular {
  font-family: "Syne Mono", monospace;
  font-weight: 400;
  font-style: normal;
}


th, td {
border: solid 1px black;
border-collapse: collapse;
}


table {
  border: solid 1px black;
border-collapse: collapse;
width: 100%;
  
}