html{
    background-image:url(images/hp2.jpg);
color:gold;
text-align:center;
font-family: 'Dancing Script', cursive;
}
body{
    width:85%;
    margin:0 auto;
    background-color:#e60000;
}

h1 {
    color:LightYellow;
    font-family: 'Crimson Text', serif;
    font-size:30px;
    font-weight:normal;
    text-shadow: 2px 1px 25px #62F0CF;
}


h2{
    color:Indigo;
     font-family: 'Courgette', cursive;
     font-size:25px;
     margin-top:0;
     text-shadow: 2px 1px 25px #2EF0C3;
}
h3{
    font-family: 'Dancing Script', cursive;
    font-size:20px;
}

a {
    text-decoration: none;
    font:bold  18px  Georgia, serif;
}

a:link{
    color:DarkBlue;
    font-size:18px;
}

a:visited{
    color:Teal;
}

a:hover{
    color:Gold;
    font-size:22px;
}
a:active{
    color:LightYellow;
    font-size:22px;
}

img{
    border:solid 5px #008B8B;
    -webkit-box-shadow: 10px 10px 300px 18px rgba(92,245,250,1);
-moz-box-shadow: 10px 10px 300px 18px rgba(92,245,250,1);
box-shadow: 10px 10px 300px 18px rgba(92,245,250,1);
}

.logo{
    border:none;
}


* ul,ol{
    background-color:Maroon;
    border: solid 5px teal;
-webkit-box-shadow: 11px -7px 5px 2px rgba(49,145,137,1);
-moz-box-shadow: 11px -7px 5px 2px rgba(49,145,137,1);
box-shadow: 11px -7px 5px 2px rgba(49,145,137,1);
padding:20px;
list-style-position:inside;
}
* ol{
    width:300px;
}

* ul {
    list-style:circle;
    width:100px;
}

* header,footer{
    background-color:LightYellow;
    color:black;
}
* header{
    border-bottom-style:dotted;
    border-bottom-width:5px;
}
* footer{
    border-top-style:dashed;
    border-top-width:5px;
}