body {
    background: linear-gradient(to left, #80DEEA, #00ACC1);
    ;
}

#clock {
    height: 100px;
    width: 800px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font-family: courier, monospace;
    text-align: center;
    color: white;
    font-size: 100px;
}

ul {
    height: 50px;
    width: 800px;
    margin: auto;
    position: absolute;
    left: 0;
    bottom: 50px;
    right: 0;
    text-align: center;
}

li {
    display: inline;
    margin-right: 15px;
    color: white;
    border: none;
    background: none;
    font-family: helvetica;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 3px;
    cursor: auto;
}

li:not(.active):hover {
    color: #EDEDED;
    cursor: pointer;
}

.active {
    border-bottom: solid white 1px;
}

.article {
    color:white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

input[type='checkbox'] { display: none; } .wrap-collabsible { margin: 1.2rem 0; } .lbl-toggle { display: block; font-weight: bold; font-family: monospace; font-size: 1.2rem; text-transform: none; text-align: center; padding: 1rem; color: #DDD; background: rgba(128, 128, 128, 0); cursor: pointer; border-radius: 7px; transition: all 0.25s ease-out; } .lbl-toggle:hover { color: #FFF; } .lbl-toggle::before { content: ' '; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid currentColor; vertical-align: middle; margin-right: .7rem; transform: translateY(-2px); transition: transform .2s ease-out; } .toggle:checked+.lbl-toggle::before { transform: rotate(90deg) translateX(-3px); } .collapsible-content { max-height: 0px; overflow: auto; transition: max-height .25s ease-in-out; } .toggle:checked + .lbl-toggle + .collapsible-content { max-height: 350px; } .toggle:checked+.lbl-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .collapsible-content .content-inner { background: grey(0, 105, 255, .2); border-bottom: 1px solid grey; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding: .5rem 1rem; } .collapsible-content p { margin-bottom: 0; }