body{
    background-color:lightblue;
}
li{
    font-size:18px;
}
p{
    font-size:18px;
}
a{
    font-size:20px;
    color:red;
}
.pageswitch{
    color:crimson;
    font-size:22px;
}
.quote{
    color:mediumorchid;
    font-style:italic;
}
h2{
    color:mediumblue;
}
h1{
    color:maroon;
}
h3{
    color:navy;
}
#football{
    border:5px double black;
    height:150px;
    width:150px;
    margin:10px;
    
}
.special{
    color:rgb(200,30,100);
    font-style:italic;
}
.work{
    color:#FA8072;
    
}
#best{
    color:mediumseagreen;
    font-size:20px;
    
}
.info{
    color:green;
    font-style:italic;
}
tr , b{
    color:red;
}
mark{
    background-color:red;
    font-size:18px;
}
img.blur-filter{
    filter:blur(3px);
    rotate: -90deg;
}
.message{
    font-style:italic;
    background-color:coral;
    font-size:20px;
}
.site{
    background-color:lightgrey;
    font-weight:bold;
}
.map{
    background-color:salmon;
    font-weight:bold;
}
figcaption{
    background-color:grey;
    border-style:solid;
    margin:10px;
}
h3::first-letter{
    font-size:30px;
}
.light{
    opacity:0.5;
}
.hue-90{
    filter:hue-rotate(90deg);
}
img.dogs:hover {
    animation: sepiaFilter 3s forwards;
}

@keyframes sepiaFilter {
    from {
        filter: grayscale(0%);
    }
    
    to {
        filter: grayscale(100%);
    }
}