body{
    background-color: #C1C8E4;
}

header{
color: white;
position: top -20px;
text-align: center;
height: 200px;
}

header.logo{
background-image: url("lavander.jpg");
background-size: 100%;
background-color: #8860D0;
background-repeat: no-repeat;
background-position: center;
position: relative;

}

h1{
   position: top -30px;
}

h2{
    color: #8860D0;
    text-align: center;
    text-decoration: underline;
}

p{
    text-align: center;
    font-size: 18px;
}

ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

li{
    display: block;
    text-align: center;
}

li.color{
    background-color: #84ceeb;
    opacity: 0.5;
    font-size: 18px;
    height: 80px;
}

li.link:hover{

}

:visited{
    color: #865bd7;
}

:link{
   color: #5680e9;
}