html,body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.hero.is-info {
    background: linear-gradient(
        rgba(0, 0, 0, 0.5),
        rgba(255, 255, 255, 0.5)
        ), url('/images/background_hexagons.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.hero .nav, .hero.is-success .nav {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.hero .subtitle {
    padding: 3rem 0;
    line-height: 1.5;
}

.hero.is-gradient {
        background: linear-gradient(
            to right bottom,
            #f3be7e,
            #80ced0
            );
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
       
.landing-feature-card {
        width: 380px;
        height: 140px;
}

.landing-feature-card-head {
        display: flex;
        justify-content: left;
        align-items: center;
}

.rounded-content-box {
    width: 100%;
    height: calc(100vh - 6rem);
    max-height: 700px;
    max-width: 447px;
    border-radius: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    background-color: #ffffff59;
}

.register-rounded-content-box {
    width: 100%;
    height: calc(100vh - 6rem);
    max-height: 700px;
    max-width: 700px;
    border-radius: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #ffffff59;
    overflow: scroll;
}

.rounded-content-box.full-width {
    max-width: none;
}

.has-background-image {
    background: url('/static/images/surgery.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.register-content-box {
    width: 100%;
    height: 200px;
    border-radius: 4rem;
    background-color: #ffffff8f;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.is-4.is-landing-visible {
    flex: none;
}

.is-8.is-landing-visible {
    flex: none;
}

.is-4.is-landing-hidden {
    flex: none;
}

.is-8.is-landing-hidden {
    flex: none;
}

.is-lending-container {
    overflow: hidden;
}

@keyframes mostra-4 {
    0% {
        width: 0;
        display: none;
    }
    100% {
        width: calc(33.3333333333% - 0.75rem / 2);
        display: flex;
    }
}

@keyframes mostra-8 {
    0% {
        width: 0;
        display: none;
    }
    100% {
        width: calc(66.6666666667% - 0.75rem / 2);
        display: flex;
    }
}