.register-form input {
    color: #fff;
}

.input-clean::placeholder, .input-clean::-moz-placeholder, .input-clean::-webkit-input-placeholder{
    color: #fff;/*var(--bg-light);*/
}

.landing-preview {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
}


.landing-header-holder {
    display: flex;
    flex-flow: row wrap;
    padding: 20px 5vw;
    background-color: var(--bg-dark);
    min-height: 75vh;
    color: white;
}

.landing-header-holder h2 {
    font-size: 2.0rem;
    color: white;
    margin: 40px 0px;
}

.landing-header-holder strong, .preopen-holder strong {
    color: var(--bg-focused);
}


.landing-header-holder p, .preopen-holder p {
    font-size: 1.8rem;
    color: white;
    line-height: 1.5;
    margin-bottom: 20px;
}

.landing-header-subheader {
    margin: 20px;
    width: 100%;
    text-align: center;
}

.landing-header-subheader a {
    font-weight: bold;
    text-decoration: underline;
}

.landing-favorites-holder {
    display: flex;
    flex-flow: row wrap;
    min-height: 75vh;
    padding-bottom: 5vw;
    background-color: var(--bg-main);
}

.landing-header-text, .landing-favorites-text {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-grow: 1;
}

.landing-favorites-holder h2, .preopen-holder h2 {
    font-size: 2.0rem;
    margin: 40px 0px;
    color: var(--text-main);
    padding: 0px 5vw;
}

.preopen-holder h2 {
    color: white;
}

.landing-favorites-holder strong {color: var(--bg-dark);}

.landing-favorites-holder p {
    font-size: 1.5rem;
    color: var(--text-main);
    line-height: 1.5;
}

.landing-favorites-holder p {padding: 0px 5vw;}

.landing-favorites-img {
    margin: auto auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-grow: 1;
    max-width: 800px;
    padding: 0 5vw;
}

.landing-favorites-img img {
    max-height: 250px;
    max-width: 250px;
}

@media all and (max-width: 780px) {
    .landing-header-text, .landing-favorites-text {
        width: 100%;
    }
}

@media all and (min-width: 950px) {
    .landing-signup {max-width: 400px;}
    .landing-preview {max-width: calc(100vw - 420px);}
}
@media all and (max-width: 949px) {
    .landing-signup {width: 100vw;}
    .landing-favorites-img {padding: 0 5px;}
}

.preopen-holder {
    display: flex;
    flex-direction: column;
    min-height: 75vh;
    padding-bottom: 5vw;
    background-color: var(--bg-dark);
}

.preopen-content {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 5vw;
    align-items: center;
    gap: 5vw;

}

.pre-open-link {
    color: white;
}

.pre-open-link :hover {
    color: var(--text-dim);
}

.pre-open-entry {
    padding: 10px 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}
.pre-open-entry span {
    font-size: 1.2rem;
}


.register-form {
    display: flex;
    flex-direction: column;
    min-width: 335px;
}

.register-form a {
    color: var(--text-dark);
}

.register-form a:hover {
    color: var(--bg-focused);
}

.register-form button {
    background: var(--bg-dark);
    color: #fff;
    border: none;
}

.register-form button:hover {
    color: var(--secondary-color)
}

.or-wide, .or-tall {
    gap: 10px;
}

@media all and (max-width: 780px) {
    .or-wide {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .or-tall {
        display: none;
    }
}

@media all and (min-width: 780px) {
    .or-wide {
        display: none;
    }
    .or-tall {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}