Viewing File: /home/ubuntu/misabloom-frontend-base/src/components/AgeVerification/AgeVerification.css

.age-verification-sec{
    display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #eee;
        top: 0;
        left: 0;
        z-index: 9999;
        overflow: auto;
        background-size: cover;
            background-position: center top;
            /* background-image: url(../../../public/images/age-verification-bg.webp); */
}
.age-verification-logo{
    text-align: center;
}
.age-verification-header{
    padding: 4em 0;
   
}
.age-verification-logo img{
    max-width: 20em;
}
.age-verification-welcome-sec{
    background-color: var(--secondary-color);
    text-align: center;
    padding: 2em 0;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    
}
.age-verification-welcome-sec h2{
    font-size: 2.5em;
    font-weight: 600;
    margin: 0;
        color: var(--tertiary-color);
}
.age-verification-welcome-sec p{
        color: var(--quaternary-color);
            font-size: 1.1em;
            font-weight: 400;
            line-height: 1.8;
            margin: 0 ;
}
.age-verification-welcome-sec h4 {
    font-size: 1.5em;
    font-weight: 700;
    margin: 0;
    text-decoration: underline;
        color: var(--tertiary-color);
}
.age-verification-form{
    padding: 2em 0;
    text-align: center;
    border-bottom: 1px solid #000;
        
}
.age-verification-form .login-form{
    background-color: transparent;
    box-shadow: none;
    border: none;
}
.age-verification-input{
    display: grid;
    gap: 1em;
    /* align-items: center; */
    justify-content: center;
    grid-template-columns: repeat(3,1fr);
}
.age-verification-form form h4{
    font-size: 1.5em;
    margin: 0 0 1.5em;
        color: var(--tertiary-color);
        font-weight: 600;
        text-transform: uppercase;
}
.age-verification-footer{
    padding: 4em 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.age-verification-footer-link ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
}
.age-verification-footer-link ul li{
    list-style: none;
}
.age-verification-footer-link ul li a{
font-size: 1em;
color: var(--tertiary-color);
font-weight: 600;
text-align: center;
}
.age-verification-footer h3{
    font-size: 2em;
        margin: 0;
        color: var(--tertiary-color);
        font-weight: 600;
}
.age-verification-footer p{
color: var(--quaternary-color);
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.8;
    margin: 0;
}
.age-verification-form .login-form form{
    max-width: 300px;
    margin: 0 auto;
}
.age-verification-form .login-form form input::placeholder{
    text-align: center;
}
.age-verification-note{
    margin: 1em 0 0;
    font-size: 1.1em;
    color: #FF0000;
    line-height: 1.8;
    font-weight: 500;
}
.age-verification-footer-link ul{
    padding: 0;
}