@charset "utf-8";
/* CSS Document */
header{background-color: #8cafdf;
font-color: #000000;}
footer{background-color: #8cafdf;
font-color: #000000;}
body{
	background: linear-gradient(#8cafdf,#FFFFFF);
	font-family: Comic San MS;
	font-color: #000000;
	}
ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}
ul li {
    float: left;
    width: 200px;
    height: 40px;
    background-color: #855fa8;
    opacity: 0.8;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    margin-right: 2px;
    display: inline-block;
}
ul li a {
    text-decoration: none;
    color: white;
    display: block;
}
ul li a:hover {
    background-color: purple;
}
ul li ul li {
    display: none;
}
ul li:hover ul li {
    display: block;
}
social-media-icon { float: right;}
social-media-icon ul li {display: inline-block;}
social-medina-icon ul { padding-top: 10px;}