body {
    background-color:MistyRose;
}
.footer {
    background-color:white;
    width:60%;
    border:2px, solid, black;
}
.content {
    background-color:BlanchedAlmond;
    width:60%;
}
.header {
    text-align:center;
}
.academic-body {
    background-color:ForestGreen;
}
.profession-body {
    background-color:Moccasin;
}
.health-body {
    background-color:Salmon;
}
.personal-body {
    background-color:LightSkyBlue;
}
h1 {
    background-color:beige;
    border:solid, 2px, black;
}
h2 {
    background-color:LavenderBlush;
    border:solid, 2px, black;
    text-align:center;
}
a:hover {
    font-size:20px;
}
iframe {
    height:400px;
    width:90%;
}
h3 {
    background-color:MistyRose;
    border:2px, solid, black;
    text-align:center;
    padding:0;
}
table, th, td {
    border:black, solid, 2px;
    background-color:white;
}
img {
    width:300px;
    height:200px;
}
.foam-roller {
    width:200px;
    height:300px;
    border:dotted, black, 2px;
}
#collage {
    width:250px;
    height:200px;
    border: black, solid;
    padding:5px;
    margin:5px;
    filter:brightness(40%);
}
.grey-basketball{
    border:solid, black, 2px;
}
.weights {
    border:dashed, black, 2px;
}
@keyframes collage {
    from {filter:brightness(40%);}
    to {filter:brightness(100%)}
}
#collage:hover{
    animation: collage 2s forwards;
}
.hats {
    filter:blur(1px);
}
#basketball {
    filter:grayscale(80%);
}
span {
    font-weight:bold;
}