main{
    width: 90%;
    margin: auto;
    flex: 1;
}

.surface_area_container{
    width: 100%;
}
.calc_area{ 
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
}
form[name="ball_surface"], 
form[name="cylindrical"], 
form[name="hemisphere"], 
form[name="cone"],
form[name="cube"],
form[name="cuboid"]{
    width: 300px;
    border: solid;
    margin: 1%;
}
input{
    width: fit-content;
}
.para_surf{
    width: 100%;
    text-align: left;
}
.table_div{
    width: 100%;
    text-align: center;
}
.para_surf h2,.para_surf h3, .formula{
    text-align: center;
}
.para_surf table{
    text-align: center;
    border-spacing: 0;
}
.para_surf th{
    background-color: rgb(197, 195, 195);
}