@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap');

.view, body, html {
    height: 100%;
    font-family: 'IBM Plex Sans', sans-serif;
}

.full-page-intro {
    background-image: url('/img/majak.png');
    background-color: #405285;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom;
    background-position-x: right;
}

main {
    min-height: 100%;
    display: contents;
}

.h-fix {
    height: 50vh;
}

.brand-purple {
    background-color: #dedee8;
}

.brand-lightblue {
    background-color: #e9eff8;
}

.brand-darkblue {
    background-color: #233c72;
}

footer, #mail {
    background-color: #83aedb;
    color: white;
}

.logo-div {
    position: absolute;
    top: 10vh;
}

@media (max-width: 767px) {
    .logo {
        left: calc(50% - 100px);
    }
}

.logo {
    max-width: 200px;
}
.grecaptcha-badge {
    visibility: hidden;
    display: none;
}