* {
    margin: 0;
    border: 0;
    padding: 0;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body {
    background-color: #25056b;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.lbv {
    background-color: #22272c;
}

#landscape-overlay {
    background-color: black;
}

/* ../images/landing/black.jpg  */
#overlay-background {
    opacity: 0;
}

.ieCookie {
    position: absolute;
    top: -1000px;
}

/* Fix position of popups during scroll */
#top-bar-container .overlay-container {
    position: fixed;
}

/* Special Text Colors */
.yellowTxt {
    color: #f59d2f;
}

.blueTxt {
    color: #05bfc8;
}

.greenTxt {
    color: #00b92a;
}

/* CTA style */
.cta {
    width: 324px;
    height: 45px;
    border-radius: 23px;
    font-family: 'Noto Sans', 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 17px;
    letter-spacing: 0.44px;
    cursor: pointer;
}

.cta:hover {
    filter: brightness(120%);
}

/* Top Navigation Bar */
.top-nav {
    display: flex;
    position: fixed;
    z-index: 2;
    justify-content: center;
    width: 100%;
    height: 64px;
    margin: 0;
    background-color: #25056b;
}

.lbv .top-nav {
    background-color: #22272c;
}

.top-nav-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.top-nav .h5c-logo {
    width: 162px;
    height: 42px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../../images/sweeps-landing/h5c-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.lbv .top-nav .h5c-logo {
    height: 56px;
    background-image: url("../../images/lbv-landing/lbv-logo.png");
}

/* Contents */
.contents {
    position: relative;
    width: calc(100% - 62px);
    height: 804px;
    background-color: #fbfcff;
    background-image: url("../../images/delete/account-deletion-bg-desktop.png");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-size: 100%;
    /* width is 100% */
    text-align: center;
    padding-left: 31px;
    padding-right: 31px;
    /* overflow-x: hidden; */
}

.lbv .contents {
    background-image: url("../../images/delete/lbv-account-deletion-bg-desktop.png");
    background-repeat: no-repeat;
    background-size: cover;
}

/* Large Phones */
@media only screen and (max-width: 440px) {
    .contents {
        background-image: url("../../images/delete/account-deletion-bg-mobile.png");
        width: 100%;
        min-width: 23rem;
        margin: 0;
        padding: 0;
    }
}

#contents-main {
    position: relative;
    width: 100%;
    top: 129px;
}

/* Mobile and Tablet */
@media only screen and (max-width: 768px) {
    #contents-main {
        top: 99px;
    }
}

#contents-deleted {
    display: none;
    position: relative;
    width: 100%;
    top: 33%;
}

#contents-main .graphic {
    position: relative;
    width: 107px;
    height: 109px;
    margin: 0 auto;
    background-image: url("../../images/delete/account-deletion-graphic.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.lbv #contents-main .graphic {
    position: relative;
    width: 8.75rem;
    height: 8.75rem;
    margin: 0 auto;
    background-image: url("../../images/delete/lbv-account-deletion-graphic.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.main-title {
    position: relative;
    width: 100%;
    top: 27px;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: 0.46px;
    color: #431aa2;
    font-family: 'Noto Sans', 'Roboto', sans-serif;
}

.lbv .main-title {
    color: #ffffff;
}

#login-container {
    position: relative;
    width: min(100%, 364px);
    height: min(100%, 328px);
    margin-left: auto;
    margin-right: auto;
    top: 64px;
}

/* Mobile and Tablet */
@media only screen and (max-width: 768px) {
    #login-container {
        width: min(100%, 328px);
        height: min(100%, 309px);
    }
}

#confirmation-container {
    position: relative;
    width: min(100%, 492px);
    height: min(100%, 386px);
    margin-left: auto;
    margin-right: auto;
    top: 64px;
}

#deleted-container {
    position: relative;
    width: min(100%, 492px);
    margin-left: auto;
    margin-right: auto;
    top: 0;
}

#delete-deleted-title {
    font-family: 'Noto Sans', 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: normal;
    color: #431aa2;
    margin-top: 40px;
}

.lbv #delete-deleted-title {
    color: #ffffff;
}

#delete-deleted-message {
    font-family: 'Noto Sans', sans-serif;
    width: calc(100% - 24px);
    margin: 0;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 0.47px;
    color: #431aa2;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 40px;
}

.lbv #delete-deleted-message {
    color: #ffffff;
}