.body-start {
    background: url('../img/AC-BluePrint-1.png')no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100%;
}

.card {
    border: 2px solid rgba(255,255,255,0.5);
    border-radius: 1.25rem;
    backdrop-filter: blur(.3rem);
    opacity: 0;
    transform: translateX(-8rem);
    transition: 1.5s;
}

.card input[type='text'], .card input[type='password'] {
    outline: none;
    height: 3rem;
}

    .card .input-label {
        pointer-events: none;
        top: 50%;
        transition: .5s;
    }

    .card input:focus ~ label,
    .card input:not(:placeholder-shown) ~ label {
        top: -.25rem;
    }

.card a {
    font-weight: 600;
}

.privacy-policy {
    text-decoration: none;
}

.privacy-policy:hover {
    text-decoration: underline;
}

.title-area {
}

.wmd-title-1 {
    opacity: 0;
    transition: 2s;
    transition-delay: 1.5s;
}

.wmd-title-2 {
    opacity: 0;
    transition: 2s;
    transition-delay: 1.8s;
}

.wmd-title-3 {
    opacity: 0;
    transition: 2s;
    transition-delay: 2.1s;
}

.wmd-title-w {
    opacity: 0;
    transition: 1.5s;
}

.wmd-title-m {
    opacity: 0;
    transform: translateX(-7.8rem);
    transition: 1.5s;
}

.wmd-title-d {
    opacity: 0;
    transform: translateX(-9.5rem);
    transition: 1.5s;
}

.tagline {
    opacity: 0;
    transform: translateX(-20rem);
    transition: 2s;
    transition-delay: 2.9s;
}

.loaded .wmd-title-1 {
    opacity: 1;
}

.loaded .wmd-title-2 {
    opacity: 1;
}

.loaded .wmd-title-3 {
    opacity: 1;
}

.loaded .wmd-title-w {
    opacity: 1;
}

.loaded .wmd-title-m {
    opacity: 1;
    transform: translateX(0rem);
}

.loaded .wmd-title-d {
    opacity: 1;
    transform: translateX(0rem);
}

.loaded .card {
    opacity: 1;
    transform: translateX(0rem);
}

.loaded .tagline {
    opacity: 1;
    transform: translateX(0rem);
}