/*finalproject css file */

body {
    background-color:#DCD1FD /*CFBFFD*/;
    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;
}

.pastelblue {
    color: #C5EAFD;
    font-size: 25;
}

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

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

.beforeandafter {
    font-style: italic;
}

.centered {
    text-align: center;
}

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


.scrollcode {
    height:70%;
    width:95%;
    overflow:auto;
    border:8px
    solid #FFFFFF;
    padding:2%; 
}


/*.georgiafont{
    font-family: Georgia; 
} */

#sophiegarden {
    
   border: .3em #B3A5EC solid;
    border-radius: .4em;
    
}

#sophiegarden:hover {

    border: .3em #450730 solid;
}
#darkpurple {
    color:#7B1E5C;
}


#dropdownmenu: hover {
    
    
}



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; 
	} 




.weeklynav  { 
	text-decoration: none; 
	padding: .2em 1em; 
	color: #fff; 
	} 
 
.weeklynavhover:hover { 
	color: #450730; 
	background-color: #fff; 
	}