body {
    background-color: #121212;
    color: #DDDDDD;
}

#main {
    margin: 0 auto;
    padding: 20px;
}

.selected {
    color: #565656;
    text-decoration-line: line-through;
}

h1 {
    text-align: center;
}

li {
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media(max-width: 568px) {
    #main {
        width: 100vw;
    }
}

@media(min-width: 569px) and (max-width: 767px) {
    #main {
        width: 75vw;
    }
}

@media(min-width: 768px) { /* and (max-width: 1023px) {*/
    #main {
        width: 35vw;
    }
}

/*
@media(min-width: 1024) {
    #main {
        width: 40vw;
    }
}
*/