html {
    height: 100%;
}

body {
  background-color: white;
  min-height: 100%;
  color: #006400;
  font-family: Verdana;
}

p{
  text-align: center
}
.container1 {
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
  overflow-y: scroll;
  
  
 width: 100%;
 max-width: 750px;
 max-height: 600px;
  text-align: center;
    font-size: 10pt;
  word-wrap: break-word;
  border: #006400 2px dotted;
  background-color: #D7F7DA ;
  color: #006400;
}

.container2 {
position: absolute;
top: 140%;
left: 50%;
transform: translate(-50%, -50%);
  overflow-y: scroll;
  
  
 width: 100%;
 max-width: 550px;
 max-height: 224px;
  text-align: center;
    font-size: 10pt;
  word-wrap: break-word;
  border: #006400 2px dotted;
  background-color: #D7F7DA ;
  color: #006400;
}


.container3 {
position: absolute;
top: 170%;
left: 50%;
transform: translate(-50%, -50%);
  overflow-y: scroll;
  
  
 width: 100%;
 max-width: 550px;
 max-height: 137px;
  text-align: center;
    font-size: 10pt;
  word-wrap: break-word;
  border: #006400 2px dotted;
  background-color: #D7F7DA ;
  color: #006400;
}


.container4 {
position: absolute;
top: 190%;
left: 50%;
transform: translate(-50%, -50%);
  overflow-y: scroll;
  
  
 width: 100%;
 max-width: 550px;
 max-height: 69px;
  text-align: center;
    font-size: 10pt;
  word-wrap: break-word;
  border: #006400 2px dotted;
  background-color: #D7F7DA ;
  color: #006400;
}



h1 {
 text-align: center; 
 color: #006400;
}


center-text {
text-align: center;
}


center {
display: block;
margin-left: auto;
margin-right: auto;
width: 25%;
}

a {
 text-decoration: none;
 color: #6A5ACD;
 font-weight: bold;
}