body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-image: url('../img/background.png');

    font-family: Poppins, Montserrat, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-size: 4vw;
}

html > div,
body > div {
    font-size: 1em;
}
@media (orientation: landscape) {
    html > div,
    body > div {
        font-size: 0.6em;
    }
}
@media (min-width: 681px) {
    html,
    body {
        font-size: 18px;
        font-size: 2vw;
    }
    html > div,
    body > div {
        font-size: 1em;
    }
}
@media (min-width: 681px) and (orientation: landscape) {
    html > div,
    body > div {
        font-size: 0.7em;
    }
}
@media (min-width: 1240px) {
    html,
    body {
        font-size: 16px;
    }
    html > div,
    body > div {
        font-size: 1em;
    }
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

.btn {
    white-space: nowrap;
    cursor: pointer;
}

.grecaptcha-badge {
    visibility: hidden;
}

.localization {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0.4em;
    margin-right: 1.2em;
}

.main {
    background-color: #fff;
    width: 100%;
    min-height: 100vh;
}

.hidden {
    display: none;
}

.padding {
    padding: 1em;
    box-sizing: border-box;
}

.header img {
    width: 3em;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin: 1em 0;
}

@media (min-width: 681px) {
    .main {
        margin: 60px auto;
        border-radius: 4px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        width: -moz-max-content;
        min-height: auto;
    }
    .padding {
        padding: 1em 2em;
    }
}