@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Roboto+Slab:wght@200;800&display=swap');

.symbol-register{
    display: flex;
    position: absolute;
    top: 10vh;
    left: 40vw;
}

.name-register{
    
        display: flex;
        position: absolute;
        top: 17vh;
        left: 25vw;
        margin: 2vh 0 0 1.5vw;
        font-family: 'Roboto Slab', serif;
}
.name-register input{
    display: flex;
    width: 15vw;
    margin: 0 2vw 0 2vw;
}

.dob-register{
        display: flex;
        position: absolute;
        top: 21vh;
        left: 25vw;
        margin: 2vh 0 0 1.5vw;
        font-family: 'Roboto Slab', serif;

}

.dob-register input{
    display: flex;
    width: 15vw;
    margin: 0 2vw 0 3.9vw;
}

.gender{
    display: flex;
    position: absolute;
    top: 25.8vh;
    left: 25vw;
    margin: 2vh 0 0 1.5vw;
    font-family: 'Roboto Slab', serif;
}

.gen-male{
    display: flex;
    width: 4vw;
    margin: 0 0 0 2vw;
}


.email-register{
    display: flex;
    position: absolute;
    top: 30vh;
    left: 25vw;
    margin: 2vh 0 0 1.5vw;
    font-family: 'Roboto Slab', serif;

}

.email-register input{
    display: flex;
    width: 15vw;
    margin: 0 2vw 0 1vw;
}

.mobile-register{
    display: flex;
    position: absolute;
    top: 34vh;
    left: 25vw;
    margin: 2vh 0 0 1.5vw;
    font-family: 'Roboto Slab', serif;

}

.mobile-register input{
    display: flex;
    width: 15vw;
    margin: 0 2vw 0 2.2vw;
}

.address-register{
    display: flex;
    position: absolute;
    top: 39vh;
    left: 25vw;
    margin: 2vh 0 0 1.5vw;
    font-family: 'Roboto Slab', serif;

}

.address-register input{
    display: flex;
    width: 15vw;
    margin: 0 2vw 0 2.2vw;
}

.password-register{
    display: flex;
    position: absolute;
    top: 43vh;
    left: 25vw;
    margin: 2vh 0 0 1.5vw;
    font-family: 'Roboto Slab', serif;

}

.password-register input{
    display: flex;
    width: 15vw;
    margin: 0 2vw 0 2.2vw;
}

.conf-password-register{
    display: flex;
    position: absolute;
    top: 49vh;
    left: 25vw;
    margin: 2vh 0 0 1.5vw;
    font-family: 'Roboto Slab', serif;

}

.conf-password-register input{
    display: flex;
    width: 15vw;
    margin: 0 2vw 0 1.7vw;
}

.registernow-register{
    display: flex;
    position: absolute;
    top: 54vh;
    left: 30vw;
    margin: 2vh 0 0 1.5vw;
    background-color: rgb(191, 51, 226);
    color: white;
    border-radius: 5px;
    width: calc(130px / 5vw);
    height: calc(130px / 5vw);
    font-size: 15px;
    font-weight: bolder;
}

.registernow-register:hover{
    width: calc(130px / 4.5vw);
    height: calc(130px / 4.5vw);
    font-size: 16px;
    font-weight: bolder;

}