html {
    font-family: Arial, Helvetica, sans-serif;
}

#header, #footer {
    background-color: #3c87bf;
    border-top: 1px solid black;
    color: white;
    padding: 8px;
}

h1 {
    font-size: 150%;
}

#content {
    background-color:#000130;
}

#info_text {
    padding: 8px;
}

#info_title {
    background-color:#3c87bf;
}

#info_button, #github_button {
    width: 30px;
    height: 30px;
    cursor: pointer;
    top: 4px;
    margin-right: 8px;
}

#play, #stop, #fullscreen, #pause {
    width: 30px;
    height: 30px;
    cursor: pointer;
    top: 2px;
}

#info_close {
    width: 16px;
    font-size: 2em; 
    float: right;
    color:white;
    cursor: pointer;
    position: relative;
    right: 8px;
}

#loading_container {
    color: white;
}

#info_container {
    background-color: rgba(0, 0, 0, 0.4);
}

.note {
    font-size: 0.7em;
    font-style: italic;
    margin-left: 8px;
}

h2 {
    font-size: 1.1em;
    font-weight: bold;
}

li {
    margin-top: 6px;
}