ul.pages {
    list-style: none;
}
ul.contents {
    list-style-type: square;
}
li {
    display: inline;
    padding: 8px;
}
h1, h2, h4 {
    text-align: center;
}
div.navigation {
    text-align: center;
    border: 2px solid #252624;
    background-color: #FFFFFF;
}
div.scroll {
    border: 2px solid #252624;
    background-color: #FFFFFF;
}
body {
    background-color: #A020F0
}
h1, h2, h3, p {
    color: white;
    font-family: 'Jockey One', sans-serif;
}
h4 {
    color: white;
    font-family: 'Jockey One', sans-serif;
}
img {
    display: block;
    margin: auto;
}
audio {
    width: 100%;
}
video {
    margin-left: auto;
    margin-right: auto;
    width: 640px;
    height: 360px;
    display: block;
}
/* 
black: #252624
blue: #1A3873
baige: #D9BF8F
dark brown: #594736
brown: #73462D
\*