body {
    color: #e7cef6;
    background-color: #5c3970;
    font-family: Merienda;
}



/* bottom border allows for a nice and easy separator between areas of the page */
h1 {
    text-align: center;
    padding: 10px;
    border-bottom: 5px solid #e7cef6;
    margin: 10px;

}


/* shows the hover feature and makes the links stand out more */
a {
    color: #c6f5f0;
}

a:hover {
    color: #3a8a81;
    background: #c6f5f0;
}

/* Gives the image a reasonable size and a border around it to fit with the rest of the page */
img {
    float: right;
    padding: 10px solid;
    border: 10px solid #e7cef6;
    margin: 10px;
    width: 400px;
    height: 600px;
}