* {
    padding: 4px;
    margin: 2px;
}

body {
    background-color: lightblue;
    font-family: Arial, sans-serif;
    color: #212529
}

#site-footer {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

.main-heading {
    color: #333333;
}

.bio {
    font-size: 17px;
    line-height: 1.5;
}

nav a:hover {
    color:blueviolet;
    font-size: 17px;
    text-decoration: underline;
}

img {
    border: 2px solid black;
}

table{
    margin-top:15px;
}
/* Gives the table more space */

form {
    font-size: 16px;
}

/* makes the contact info easer to read */

#colorButton {
    margin-top: 10px;
    margin-bottom: 17px;
}

#colorButton:hover {
    font-size: 19px;
}