*{
    font-size: 18px;
}
.form{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
}

.title{
 text-align: center;
 font-size: 35px;
}
.main{
    background-color: beige;
    padding: 40px;
    /* position: relative;
    margin-top:50px; */
}

.item{
    padding: 10px;
}

input, select{
    border: none;
    background-color: white;
}

.submit{
    display: flex;
    justify-content: center;
}

.error{
    font-size: 14px;
    color: red;
}

.container{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50vh;
}

.result{
    padding: 20px;
    background-color: azure;
}


    table, tr, td{
    border: 1px solid black;
    }

    td{
        padding: 5px;
    }

.button{
    padding: 7px 10px;
    border-radius: 10%;
    background: rgb(48, 48, 48); 
    color: white;
}

input:focus, select:focus{
    outline:none;
}

input, select{
    padding: 5px;
    cursor: pointer;
}

.button{
    cursor:pointer
}

#gender{
    display: flex;
}

.left{
    min-width: 100px;
}