/*
CSS for my GoDaddy home page
*/


h1, h2 { 
color: orange;
background-color: navy;
padding: 1em;
margin-bottom: 50px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 200%;
border: 4px solid grey;
border-radius: 15px;
text-align: center;
line-height: 1.5em;
}

h3 { 
color: navy;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 130%;
font-weight: normal;
text-align: center;
}

#navigation{
float:left;
margin-right: 50px;
margin-bottom: 30px;
padding: 10px; 
background-color: #ffcc33;
color: navy;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
line-height: 2.2em;
/*width: 250px;*/
/*height:270px;*/
background: #ffcc33 url(papyrus.png) repeat-y right;
border: 3px solid black;
border-radius: 15px;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: navy;
padding: 15px;
background-color: #e2edff;
line-height: 135%;
}

.coverphoto img { 
margin-left: 400px;
}

.coverphoto p { 
font-size: 65%;
font-weight: bold;
margin-top: 0;
width: 430px;
line-height: 1.4em;
margin-left: 400px;
}

/* code to prevent overflow of image outside viewport */

img {
  max-width: 100%;
  display: block;
}

/* code to scale horizontal items to within viewport */
.items {
  display: flex;
  justify-content: space-between;
}
/* ol { */
/* text-indent: 10%; */
/* line-height: 20px; */
/* padding: 5px; */
/* width: 400px;  */
/* } */

/* .greetings {  */
/* float: right; */
/* margin: 10px; */
/* } */

ul
{
padding: 3;
}
li { margin: 0 0 .4em 0; }