@charset "UTF-8";
/* CSS Document */
/* Color scheme hexadecimal values: FFE8DF 8F92B2 F9F9FF BBCCB3 99B28B */
@import url('https://fonts.googleapis.com/css2?family=Englebert&display=swap');
body {
color: white;
font-family: Englebert, Verdana, Geneva, Arial, sans-serif;
padding:0px;
margin:0px;
background: rgb(42,122,98);


}

h1,h2,h3,h4,h5,h6,p,li {
margin-left:15px;
margin-top:0px;
}

#wrapper {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
background-color:rgb(42,122,98);

}

nav ul {
    Text-decoration: none; 
    display: flex; 
    flex-direction: row; 
    margin: auto; 
    float: right"
}


/* This is so the phone view nav will not show in the tablet view */
div.navphoneleft {
    display: none; 
}


div.phone {
    display: none;
}





#container h3 {
margin-left: 20px; 
margin-top: 100px; 
height: 25pt; 
color: antiquewhite; 
font-size: 25pt;
/* border: black dotted; */
}


.p {
/* width: 90%;  */
color: rgb(19, 4, 49); 
font-weight: 550; 
margin-left: 50px; 
margin-right: 5px; 
padding-left: 10px; 
padding-right: 10px; 
font-size: 18pt; 
background-color: #99B28B; 
width: 100%;
}



.span {
font-size: 20pt; 
color: antiquewhite; 
background-color: rgb(80, 8, 44)
}







p a{

    color: hsl(265, 56%, 11%)
}
/* #left-column   */
p a:visited {
    color: #3f3b04;
}

/* #left-column */
p a:hover {
    color: antiquewhite;
}