body {
    all: unset;
    background-color: rgb(24,24,24);
    overflow:hidden;
}

#root {
    all: unset;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100dvh;
    font-family: "Roboto", sans-serif;
    font-size: calc(min(2.09dvh, 13.2pt));
    user-select: none;
    background-color: rgb(24,24,24);
    -webkit-user-select: none;
    /* TO DO*/
    -webkit-touch-callout: none;
   /* TO DO*/
    user-select: none;
}

h1 {
    all: unset;
    font-size: calc(min(2.28dvh, 14.4pt));
}

h2 {
    font-size: 14pt;
}

.fi.flipped::before {
    transform: scaleX(-1);
    display: inline-block;
}

@supports (-webkit-touch-callout: none) {
    input, textarea, select {
        font-size: 16px !important;
    }
}