body {
    background: url(./images/back.jpg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
header {
    max-width: 100%;
}
header img {
    width: 100%;
}
main {
    background: white;
    width: 100%;
    max-width: 1000px;
    padding: 5px 20px 20px 20px;
    border: 1px solid #432a17;
    box-sizing: border-box;
}
.list h1 {
    text-align: center;
    margin-top: 0;
}
.list a {
    font-size: 24px;
    text-align: center;
    display: block;
    text-decoration: none;
    line-height: 50px;
}
.list a:hover {
    text-decoration: underline;
}
.content {
    font-family:georgia,serif;
    font-size:large;
    color: #783f04;
}

.gryffindor-list a:nth-child(odd) {
    color: #ffb000
}
.gryffindor-list h1,
.gryffindor-content h1,
.gryffindor-list a:nth-child(even) {
    color: #c80000
}

.hufflepuff-list a:nth-child(odd) {
    color: #000000
}
.hufflepuff-list h1,
.hufflepuff-content h1,
.hufflepuff-list a:nth-child(even) {
    color: #f1c232
}

.slytherin-list a:nth-child(odd) {
    color: #999999
}
.slytherin-list h1,
.slytherin-content h1,
.slytherin-list a:nth-child(even) {
    color: #38761d
}

.ravenclaw-list a:nth-child(odd) {
    color: #b45f06
}
.ravenclaw-list h1,
.ravenclaw-content h1,
.ravenclaw-list a:nth-child(even) {
    color: #0b5394
}

.nav {
    font-size: 14px !important;
    color: #333333 !important;
    text-align: left !important;
    text-decoration: underline !important;
}
.nav + .nav {
    margin-left: 20px;
}

.faces-list a, .teachers-list a {
    color: #333;
}