p{
  font-family: "Courier New";
  color: black;
  background-color: rgba(255, 255, 255, 0.91);
  display: inline-block;
  font-size: 20px;
  margin: 20px;
  padding-top: 15px;
}
a{color:navy;
font-family: "Courier New";
}

body{
  font-family: "Courier New";
  font-size: 14px;
  color: navy;
   background-image: url("Background.png");
    background-size: cover;
}

h1{
  font-family: "Courier New";
  color: #ffc;
  background-color:#010;
  margin: 0px;
  padding: 40px;
  text-align: center;
  border-style: solid;
    border-width: 3px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-color: rgba(255, 255, 255, 0.91);
}
li{
  margin: 28px;
  font-size: 20px;
  font-family: "Courier New";
  background-color:rgba(255, 255, 255, 0.91);
  display:table;
  color:rgb(51, 102, 153);
}
h2{
  color: rgb(51, 102, 153);
  font-family: "Courier New";
  background-color:rgba(255, 255, 255, 0.91);
  border-style:solid;
  border-width:3px;
  border-left-width:10px;
  border-right-width:10px;
  border-color: rgb(51, 102, 153);
  margin:20px;
  padding:40px;  
  
}

.collapsible-content {
    display: none;
}
 
.collapsible-trigger.active + .collapsible-content {
    display: block;
}

.collapsible-content {
    display: none;
}
 
#toggle-panel:checked ~ .collapsible-content {
    display: block;
}

h4{