::selection {
    background-color: white;
    color: black;
}
html {
    background-image: none;
    background-color: #000000;
    color: #ffffff;
    scrollbar-color: #ffffff transparent;
}
body {
    margin: 0;
    font-family: Verdana;
    font-size: 12px;
}
a {
    color: #ffffff;
    text-decoration: none;
}
a:hover,
a:focus,
a:active {
    text-decoration: underline;
}
img {
    pointer-events: none;
}
.main {
    width: 600px;
    padding: 0 5px 0 0;
}
.main p,
h1,
h2,
h3 {
    width: 600px;
    padding: 0;
    margin: 0;
}
.main details summary:hover {
    cursor: pointer;
}
.main details summary {
    height: 100px;
    align-content: center;
    padding: 0 10px;

    list-style: none;
    color: white;
    text-shadow: 0 0 3px black, 1px 1px 0px black, 0 0 2px black;
    background-blend-mode: multiply;
}
#vol1 details summary {
    background-color: #cec107;
}
#vol2 details summary {
    background-color: #08b9ab;
}
#vol3 details summary {
    background-color: #ce6f03;
}
#vol4 details summary {
    background-color: #7b58ce;
}
#vol5 details summary {
    background-color: #6bce1a;
}
#vol6 details summary {
    background-color: #ce261a;
}
.main details summary b {
    font-size: 14px;
}

.main details p {
    width: 569px;
    border-left: 1px dotted;
    border-bottom: 1px dotted;
    padding: 10px;
    margin: 0 10px 10px 10px;
    font-family: monospace;
}
.main details p small {
    font-style: italic;
}

#vol1 details p {
    border-color: #cec107;
}
#vol1 details p b {
    color: #cec107;
}

#vol2 details p {
    border-color: #08b9ab;
}
#vol2 details p b {
    color: #08b9ab;
}

#vol3 details p {
    border-color: #ce6f03;
}
#vol3 details p b{
    color: #ce6f03;
}

#vol4 details p {
    border-color: #7b58ce;
}
#vol4 details p b {
    color: #7b58ce;
}

#vol5 details p {
    border-color: #6bce1a;
}
#vol5 details p b {
    color: #6bce1a;
}

#vol6 details p {
    border-color: #ce261a;
}
#vol6 details p b {
    color: #ce261a;
}

.link {
    float: inline-end;
    font-weight: bold;
}