body {
    background: black;
    background: url('https://drive.dhog.org/images/hvl/2016/paper.jpg');
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
header {
    max-width: 100%;
}
header img {
    width: 100%;
}
main {
    width: 100%;
    max-width: 1000px;
    padding: 5px 20px 20px 20px;
    box-sizing: border-box;
    margin: 0 auto;
}
.list h1 {
    text-align: center;
    margin-top: 0;
    font-family: comic sans ms,comic-sans-w01-regular,comic-sans-w02-regular,comic-sans-w10-regular,cursive;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    display: block;
    text-decoration: none;
    line-height: 50px;
    -webkit-text-stroke: 1px black; /* width and color */
}

.list article a {
    font-family: comic sans ms,comic-sans-w01-regular,comic-sans-w02-regular,comic-sans-w10-regular,cursive;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    display: block;
    text-decoration: none;
    line-height: 50px;
    -webkit-text-stroke: 1px black; /* width and color */
}
.list a:hover {
    text-decoration: underline;
}
.content {
    font-family:georgia,serif;
    font-size:large;
    color: #4a410d;
    font-size: 15px;
}
article {
    font-family: patrick hand,cursive;
    font-weight: 400;
}
.review {
    margin: 10px 0 25px 0;
}
.review-author {
    text-align: right;
    font-weight: bold;
}
.portrait {
    max-width: 300px;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
}
.content h1 {
    font-family: comic sans ms,comic-sans-w01-regular,comic-sans-w02-regular,comic-sans-w10-regular,cursive;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    display: block;
    text-decoration: none;
    -webkit-text-stroke: 1px black; /* width and color */
    margin: 5px 0;
}

.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: #94821b
}
.hufflepuff-list h1,
.hufflepuff-content h1,
.hufflepuff-list a:nth-child(even) {
    color: #f7e579
}

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

.ravenclaw-list a:nth-child(odd) {
    color: #94821b
}
.ravenclaw-list h1,
.ravenclaw-content h1,
.ravenclaw-list a:nth-child(even) {
    color: #97deff
}

.nav {
    font-size: 14px;
    display: inline-block;
    padding: 10px 11px;
    margin: 20px 0 0 0;
    background: #ffc68f70;
    border: 2px solid #3f2610;
    border-radius: 13px;
    text-decoration: none !important;
    color: #38260e !important;
    -webkit-text-stroke: 0 !important; 
}
.nav + .nav {
    margin-left: 20px;
}

.faces-list a, .teachers-list a {
    color: #333;
}
.collectivno p:first-child {
    font-weight: bold;
    text-decoration: underline;
}
footer {
    text-align: center;
}