.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;
}

.preview-listing-holder {
    display: flex;
    justify-content: space-between;
    border: solid 1px #dedede;
    background-color: white;
    border-radius: 5px;
    height: 42px;
    margin: 5px;
    width: 300px;
}
.preview-listing-ticker {
    padding: 5px;
    background-color: var(--bg-normal);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.8rem;
    width: 80px;
    max-width: 65px;
}

.preview-listing-ticker a, .preview-listing-name a {
    overflow-x: hidden;
    text-overflow: ellipsis;
}
.preview-listing-ticker a {
    color: white;
}

.preview-listing-name {
    display: flex;
    align-items: center;
    padding: 5px;
    overflow-x: hidden;
    white-space: nowrap;
    flex-grow: 1;
}

.preview-listing-ticker span{
    font-size: 1.1rem;
    font-weight: bold;
}
.landing-signup {
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    align-items: center;
    /*justify-content: center;*/
    justify-content: space-evenly;
    min-width: 320px;
    flex-grow: 1;
    padding: 20px;
    background-color: var(--bg-normal);
    border-radius: 0% 0% 0% 50%;
    height: calc(100vh - 52px);
    min-height: 380px;
}

.landing-signup-box {
    min-width: 250px;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    padding: 10px;
}

.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.5rem;
    color: white;
    margin: 40px 0px;
}

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


.landing-header-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;
}
.landing-favorites-holder {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 {
    font-size: 2.5rem;
    margin: 40px 0px;
    color: var(--text-main);
    padding: 0px 5vw;
}

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

.landing-favorites-holder p {
    font-size: 1.8rem;
    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;}
}

.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)
}