html,
body {
    margin: 0;
    height: 100%;
    background-color: #202020;
    font-family: 'Inter';
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}


/* MAIN */

@media only screen and (min-width: 768px) {
    .main_div {
        padding: 0 4em 2em 4em;
    }
}

@media only screen and (max-width: 768px) {
    .main_div {
        padding: 0 2em 1em 2em;
        min-width: 15em;
    }
}

/* LOGO */

.logo_div {
    margin: auto;
    width: min-content;
}

@media only screen and (min-width: 768px) {
    .logo_icon {
        width: 4em;
        height: auto;
        margin: 2em;
    }
}

@media only screen and (max-width: 768px) {
    .logo_icon {
        width: 3em;
        height: auto;
        margin: 2em;
    }
}

.content_div {
    margin: auto;
    max-width: 50em;
}

/* PRIVACY */

.privacy_div {
    display: flex;
    flex-direction: column;
}

.privacy_title {
    padding: 0.2em 0;
    font-size: 3em;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

.privacy_subtitle {
    padding: 0.1em 0;
    font-size: 2em;
    font-weight: 600;
    color: rgb(238, 238, 238);
}

.privacy_paragraph {
    padding: 0.1em 0;
    font-size: 1.3em;
    font-weight: 500;
    color: rgb(223, 223, 223);
    text-align: justify;
}