body {
    font-family: "Tektur", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "width" 100;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items:center;
    /* width: 400px; */
    height:100vh;
    background-color:rgb(110, 229, 229);
}
h2{
    text-decoration:underline;
    text-align:center
}
.main_container{
    border:3px solid #000;
    border-radius:20px;
    box-shadow:2px 2px 10px rgba(178, 21, 21, 0.5);
    background-color:rgb(224, 200, 167);
    padding: 20px;
    width: 300px;
}
input[type="number"],select {
    border-radius: 5px;
    margin:5px;
}
#result{
    text-align:center;
}
section{
    display: flex;
    flex-direction: column;
    width:100%;
}
button{
    border-radius:5px;
    background-color:chartreuse;
    color:#0e0d0d;
    font-size:medium;
    width: 300px; /* or any fixed value */
    height: 30px;
    /* margin-left:15px; */
    cursor:pointer;
}
h2:hover{
    color:blue
}