h1{
    color: #7788bd;
    font-family: "Papyrus", fantasy;
    background-color: #bbccee;
    border: 5px solid #99aacc;
}
body{
    background-color: #cceedd;
    margin: 10px 10px 10px 0px;
    padding: 10px 10px 10px 10px;
    text-align: center;
}
.buttons{
    background-color: #aaccbb;
    border: 5px solid #88aa99;
    height: 30px;
    width: 200px;
    color: #557766;
}
.buttons:hover{
    border: 7px solid #bbddcc;
    background-color: #ddffee;
    color: #88aa99;
}
.buttons:active{
    color: #88aa99;
}
.float-left{
    float: left;
}
.intro{
    background-color: #bbccee;
    text-align: center;
    border: 5px solid #99aacc;
}
.intro-content{
    text-align: left;
    border: 2px solid black;
    padding: 5px 5px 5px 5px;
}
#footer{
    background-color: lightblue;
    color: blue;
    text-align: left;
    padding: 5px 5px 5px 5px;
}
img.solar{
    animation: solarfilter 5s forwards;
}
@keyframes solarfilter{
    from{
        filter: grayscale(100%);
    }
    to{
        filter: grayscale(0%);
    }
}