body {
    background-image: url("/images/bookshelf.png");
    background-color: lightgray;
}

h1 {
    text-align: center;
    color:white;
    font-size: 44px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;    
}

#header {
    font-family: Arial, Helvetica, sans-serif;
    background-color: burlywood;
    height: 25%;
}

#links {

    font-size: 43px;
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 27px;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 32px;
}

.info {
    background-color: rgba(181, 220, 255, 0.692);
    height: 29.5%;
}

h2 p {
    font-weight: 100;
}

#footer {
    background-color: burlywood;
    color: white;
    height: 25%;
}

#rights {
    text-align: center;
    font-size: 22px;
}

form {
    background-color: rgba(240, 255, 255, 0.719);
    height: 430px;
}

input {
    height: 22px;
}

label {
    font-family: Arial, Helvetica, sans-serif;
     font-size: 22px;
}

h3 a {
    text-align: right;
    font-size: 35px;
}

#links {
    background-color: lightsteelblue;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
.media {
    width: auto;
    height: 25vw;
    max-width: 400px;
    max-height: 400px;
    border: 3px solid white;
}

video.media {
    width: auto;
    height: 25vw;
    max-width: 640px;
    max-height: 268px;
}