body{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL0AAAELCAMAAAC77XfeAAAAA1BMVEW3t7eZ6ssfAAAASElEQVR4nO3BMQEAAADCoPVPbQ0PoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADeDcYqAAE00FRDAAAAAElFTkSuQmCC);
}

.small {
    height:45px;
    width:70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 6%;
}

.medium{
    height:250px;
    width:600px;
    border: 4px solid black;
    display:block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    transition: transform .3s;
    
}
.big{
    height:500px;
    width:720px;
    border: 4px solid black;
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: transform .3s;
   
    
}

p {
    font-size:20px;
    background-color:#9A9AC6;
    border: 3px solid black;
    text-align:center;

}

h3{
    background-color:#9A9AC6;
    text-align:center;
}

h1, h2{
    background-color:#635E99;
    border: 4px solid black;
    text-align:center;
    font-family: 'Open Sans', sans-serif;
}

ol{
    font-size:20px;
    text-align:center;

}
a{
    font-size:20px;
}

a:hover {
  background-color:#9A9AC6;
}
}

.bio{
    padding:10px;
    margin:20px;
    margin-left:80px;
    margin-right:80px;
}
dd{
 font-size:20px;
 text-align:center;
 background-color:#B7B4D3;
    
}
footer a{
    padding:30px;
    font-size:13px;
   
}
header{
    font-size:39px;
    background-color:#635E99;
    border: 3px solid black;
    text-align:center;
}

* {
  box-sizing: border-box;
}


.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}