body {
    background-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
}

*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: #000000;
}
  
*::-webkit-scrollbar-thumb {
    background: linear-gradient(lch(71.8% 42.7 240), lch(71.8% 42.7 220), lch(71.8% 42.7 200), lch(71.8% 42.7 180), lch(71.8% 42.7 160), lch(71.8% 42.7 140), lch(71.8% 42.7 120), lch(71.8% 42.7 100), lch(71.8% 42.7 80), lch(71.8% 42.7 60), lch(71.8% 42.7 40), lch(71.8% 42.7 20), lch(71.8% 42.7 0));
    border-radius: 20px;
    border: 2px solid #000000;
}

div {
    line-height: 150%;
    margin: 20px auto;
    max-width: 700px;
}

u {
    text-decoration: none;
    position: relative;
    cursor: pointer;
}

u::after {
    content:'';
    width:100%;
    position: absolute;
    left:0;
    bottom:-3px;
    height: 2px;
    background: linear-gradient(to left, lch(71.8% 42.7 240), lch(71.8% 42.7 220), lch(71.8% 42.7 200), lch(71.8% 42.7 180), lch(71.8% 42.7 160), lch(71.8% 42.7 140), lch(71.8% 42.7 120), lch(71.8% 42.7 100), lch(71.8% 42.7 80), lch(71.8% 42.7 60), lch(71.8% 42.7 40), lch(71.8% 42.7 20), lch(71.8% 42.7 0));
}

.explanation {
    background: linear-gradient(#000000, #000000) padding-box,
                conic-gradient(lch(71.8% 42.7 360), lch(71.8% 42.7 340), lch(71.8% 42.7 320), lch(71.8% 42.7 300), lch(71.8% 42.7 280), lch(71.8% 42.7 260), lch(71.8% 42.7 240), lch(71.8% 42.7 220), lch(71.8% 42.7 200), lch(71.8% 42.7 180), lch(71.8% 42.7 160), lch(71.8% 42.7 140), lch(71.8% 42.7 120), lch(71.8% 42.7 100), lch(71.8% 42.7 80), lch(71.8% 42.7 60), lch(71.8% 42.7 40), lch(71.8% 42.7 20), lch(71.8% 42.7 0)) border-box;
    border: 2px solid transparent;
    padding: 0 20px;
    border-radius: 20px;
}

img {
    max-width: 80%;
    border-radius: 20px;
}

.img {
    text-align: center;    
}

.hide {
    display: none !important;
}

.header {
    font-size: 150%;
}

a.button {
    display: inline-block;
    padding: 4px 12px;
    text-decoration: none;
    color: #ffffff;
}

a.button:hover {
    background: linear-gradient(to left, lch(71.8% 42.7 240), lch(71.8% 42.7 220), lch(71.8% 42.7 200), lch(71.8% 42.7 180), lch(71.8% 42.7 160), lch(71.8% 42.7 140), lch(71.8% 42.7 120), lch(71.8% 42.7 100), lch(71.8% 42.7 80), lch(71.8% 42.7 60), lch(71.8% 42.7 40), lch(71.8% 42.7 20), lch(71.8% 42.7 0));
    border-radius: 20px;
}

#menu {
    margin: 20px 20px;
    position: fixed;
    top: 0px;
    left: 0px;
}