body {overflow-x: hidden;}

div.container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 1.1rem;
}

div.container p.intro {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

section.lists {
    display: flex;
}
section.lists h3 {
    margin: .5rem 0;
}

@counter-style use {
    system: fixed;
    symbols: "🖥️" "🔐" "🌍" "🔄";
    suffix: " ";
}
section.lists > div:first-child {flex-grow: 1;}
section.lists > div:first-child > ul {list-style-type: use;}

@counter-style enjoy {
    system: fixed;
    symbols: "📚" "💻" "🏠" "🖥️" "🎮" "🧪";
    suffix: " ";
}
section.lists > div:last-child > ul {list-style-type: enjoy;}

ul {
    margin-top: 0;
    padding-left: 1.5rem;
    line-height: 1.8;
    list-style-type: none;
}


div.container-fullpage {
    flex-direction: column;
}

div.timer {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

span.timer, span.timer-unit {font-family: "Choco cooky";}

::-webkit-media-controls-panel {
    background-color: #000;
}
::-webkit-media-controls-current-time-display, ::-webkit-media-controls-time-remaining-display {
    font-family: "Choco cooky";
}