* {
    box-sizing:border-box;
}


body {

    margin:0;

    background:#050505;

    color:#3fb950;

    font-family:
        "JetBrains Mono",
        monospace;

}


.terminal {

    max-width:1100px;

    margin:auto;

    padding:30px;

}



h1 {

    font-size:28px;

    text-shadow:
        0 0 10px #3fb950;

}


header {

    border-bottom:
        1px solid #1f6f32;

    padding-bottom:20px;

}


.stats {

    display:flex;

    gap:30px;

    color:#aaa;

}



.toolbar {

    display:flex;

    gap:10px;

    margin:20px 0;

    flex-wrap:wrap;

}



input,
select,
button {


    background:#111;

    border:
        1px solid #333;

    color:#3fb950;

    padding:10px;

    font-family:inherit;

}



button {

    cursor:pointer;

}



button:hover {

    background:#16351b;

}


.progress-bar {

    height:15px;

    background:#222;

    border:1px solid #333;

}



#bar {

    height:100%;

    width:0%;

    background:#3fb950;

}



.group {

    margin-top:35px;

}



.group-title {

    color:#fff;

    border-bottom:
        1px dashed #333;

    padding-bottom:5px;

}



.team {

    display:flex;

    justify-content:space-between;

    padding:12px;

    border-bottom:
        1px solid #111;

}



.team:hover {

    background:#101010;

}



.team-name {

    color:white;

}



.page {

    color:#777;

}



.stickers {

    display:flex;

    gap:8px;

    flex-wrap:wrap;

}



.sticker {


    cursor:pointer;

    border:
        1px solid #a33;

    padding:
        4px 8px;

    color:#ff5555;

    border-radius:3px;

}



.sticker.done {


    color:#3fb950;

    border-color:#3fb950;

    background:#09200d;

}



.sticker:hover {

    border-color:#fff;

}


.empty {

    color:#777;

}