body {
    background-color: #E5DDFC; 
    margin: 1em;
    padding: 2em;
}

h1 {
    color: #FFFFFF;
    background-color: #7B1E40;
    margin:-.5em 0em .5em 0em;
    padding: 2em 1em;
    border-radius: .5em;
    border: .3em #FFFFFF solid;
    font-family: Georgia;
}

h1 a {
    text-decoration: none; /*any links inside h1 will not have any decoration */
    color: #FFFFFF;
}


h4 {
    font-weight: bold;
}


.smallbold{
    font-size: 14;
    font-weight: bold;
}

.purple {
    color: #64297A;
    font-size: 27;
}

.pastelblue {
    color: #C5F5F1;
    font-size: 27;
}



.darkpurple {
    background-color:#7B1E5C;
}

.red {
    color: #FF0000;
    font-weight: bold;
}
.spacingtrial{
    padding: .1em .5em;
    margin: 2em 0em .5em 0em;
    border: .15em #C5EAFD solid;
}



.centered {
    text-align: center;
}
/*.georgiafont{
    font-family: Georgia; 
} */


.title {
    color: #FFFFFF;
    background-color: #7B1E40;
    margin:0em ;
    padding: 2em 1em;
    border-radius: .5em;
    border: .3em #FFFFFF solid;
    font-family: Georgia;
}


nav ul { 
    color: #FFFFFF;
	margin: 0; 
	padding: 5px; 
    border: .3em #FFFFFF solid;
    border-radius: .5em;
	/*list-style-type: none;   -    Find out what this code does/its purpose */
	text-align: center; 
	background-color: #5F112D; 
    font-family: Georgia; 
	} 
 
nav ul li {  
	display: inline; 
	} 
 
nav ul li a { 
	text-decoration: none; 
	padding: .2em 1em; 
	color: #fff; 
	} 
 
nav ul li a:hover { 
	color: #450730; 
	background-color: #fff; 
	}