.html, body {
    overflow: hidden;
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 2;
    display: flex;
}

.bar {
    width: 100vw;
    height: 105vh;
    background-color: rgb(190 242 100);
    /*background-color: rgb(229 231 235);*/
}

.header {
    width: 100%;
    display: flex;
    padding: 2em;
    justify-items: center;
    align-items: center;
}

.header .h1 {
    position: relative;
    font-size: 32vw;
    line-height: 1.125;
    font-style: italic;
    font-weight: 900;
    font-family: Futura;
    color: #598234;
    z-index: 1;
}

.counter {
    left: 22%;
    z-index: 10;
    position: fixed;
}



.modal {
// padding: 1em;
    max-width: 50ch;
// border: 0;
// box-shadow: 0 0 1em rgb(0 0 0 / .3);

    & > * {
        margin: 0 0 0.5rem 0;
    }
}

.modal::backdrop {
    background: rgb(0 0 0 / 0.4);
}

.z-max {
    z-index: 100;
}