html {
    margin: 0;
    height: 100%;
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

textarea:focus, input:focus {
    outline: none;
}

body {
    margin: 0;
    background: transparent linear-gradient(90deg, #007A99 0%, #00CCFF 100%) 0% 0% no-repeat padding-box;
    font: normal normal 16px/22px Roboto, "Helvetica Neue", sans-serif;
    display: inline;
}

.login-page {
    height: 100%;
    display: grid;
    grid-template-rows: 1fr 2fr 1fr;
    grid-template-columns: auto 424px auto;
    grid-template-areas:
        ". . ."
        ". content ."
        ". . .";
}

.form-card {
    grid-area: content;
}

a {
    color: white;
    font-size: large;
    text-decoration: none;
}

#kc-header,
#kc-page-title,
header .subtitle {
    display: none;
}

header::before {
    content: "";
    height: 117px;
    width: 600px;
    margin-left: -90px;
    display: block;
    background-image: url(../img/virtualminds-logo-white.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.white-inner-logo {
    background-image: url(../img/virtualminds-logo-white-bildmarke.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.2;
    height: 400px;
    width: 400px;
    position: fixed;
    top: -52px;
    right: -35px;
    background-size: 100%;
}