regform.css

*
{
    margin : 0px;
}
.page
{
    height : 100vh;
    width : 100%;
    background-image: url('kelly-sikkema-D6AlacFwS_Q-unsplash.jpg');
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bgimage
{
    height: 100%;
    width: 75%;
    background-image: url('https://images.unsplash.com/photo-1598620617137-2ab990aadd37?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.content
{
    position: relative;
    left: 40px;
    height: 100%;
    width: 68%;
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
}
.header
{
    width: 100%;
    height: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    font-weight: bold;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.box1
{
    height: 100%;
    width: 100%;
    display: flex;
}
.form
{
    padding: 30px;
    width: 50%;
    height: 500px;
    font-size: 22px;
    color:rgb(40, 41, 41);
    font-family: 'Anek Malayalam', sans-serif;
    font-weight: bolder;
}
.inp
{
    font-size: 17px;
    color:rgb(2, 61, 128);
    font-family: 'Anek Malayalam', sans-serif;
    font-weight: bolder;
    background-color: rgba(255, 255, 255, 0.753);
    border: 1px solid rgb(0, 0, 0);
    border-radius: 5px;
    PADDING: 5PX;
}
.table
{
    font-size: 20px;
    color:rgb(0, 0, 0);
    font-family: 'Anek Malayalam', sans-serif;
    font-weight: bolder;
    border-spacing: 10px;
}




#submit
{
    height: 35px;
    width: 100px;
    color: rgb(23, 138, 29);
    font-size: 16px;
    font-weight: bold;
    border: 0px solid green;
    border-radius: 5px;
}




.box2
{
    height: 80%;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color:rgb(0, 0, 0);
    font-family: 'Anek Malayalam', sans-serif;
    font-weight: bolder;
    border-spacing: 10px;
    padding-top: 30px;
}
.box3
{
    display: flex;
    padding-left: 100px;
    height: 60%;
    width: 100%;
}