body {
   margin: auto;
   background-color: lightyellow;
   font-family: sans-serif;
   height: 100%;
}

a:link {
   color: lightyellow;
}
a:hover {
   color: lightyellow;
}
a:active {
   color: lightyellow;
}

a:visited { 
   color: lightyellow;
}

#header {
   color: #558000;
   text-align: center;
   height: 5em;
}

h1 {
   padding: 0px;
   margin: 2px
}
h2 { 
   padding: 0;
   margin: 2px;
   /* background-color: white; */
   color: #dc267f;
   font-size: medium;
   font-weight: normal;
   /* text-align: center; */
}


#footer {
   /* float: right;
   clear: both; 
   background-color: #1c351c; */
   background-color: #558000;
   color: yellow;
   margin: auto;
   padding: 20px;
   width: 75%;
   border: 2px solid yellow;
   border-radius: 20px;
}

#footer p {
   text-align: center;
   valign: center;
   padding: 0px;
   margin: auto;
}

.column {
   float: left;
   padding: 15px;
}

.clearfix::after {
   content: "";
   clear: both;
   display: table;
}

.floatleft {
   float: left;
   padding: 15px;
   width: 30%;
}

.floatright {
   float: right;
   padding: 15px;
}

.menu {
   width: 25%;
}

#content {
   /* background-color: #1c351c; */
   background-color: #558000;
   color: yellow;
   margin: auto;
   padding: 20px;
   width:  75%; 
   height: 75%;
   border: 2px solid yellow;
   border-radius: 20px;
   overflow: auto;
}


blah {
   background-color: #648fff;
}

#iframe {
   background-color: #77b300;
   margin: auto;
   padding: 20px;
   width: 95%;
   border: 2px solid yellow;
   border-radius: 20px;
   overflow: auto;
}

input {
   background-color: lightyellow;
}

.pname {
   font-size: 130%;
   color: lightyellow;
   padding: 0;
   border: 0;
   margin 0;
}