body {
    background-color: skyblue;
    font-family: Arial, sans-serif;
    padding: 30px 20px 0;     /* combined padding-top and padding */
    text-align: center;
    color: black;
    margin: 30px auto; /* center the body with auto margins */
    margin-bottom: 25px;
}

h1 {
    font-size: 2.5em;
    color: aliceblue;
}

p {
    font-size: 1.0em;
    padding: 20px;
    color: black;
}

.description {
    font-size: 1.2em;
    width: 30%;
    margin: 0 auto 20px;      
    color: black;
    border: 2px solid aliceblue;
    box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.2);
    padding: 20px;
}

.inputs {
    width: 35%;           
    display: flex;           
    flex-direction: row;   /* stack children vertically */
    align-items: center;      /* center children horizontally */
    justify-content: center;  
    border: 4px dashed aliceblue;
    box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.2);
    color : black;
    padding: 20px;
    margin: 0 auto;          
    margin-top: 50px; 
}

.inputs p {
    width: 100%;
    padding: 8px;
    margin: 0 10px; /* add horizontal margin */
}   

.inputs ._curve {
    padding: 10px;
    display: inline-block;
    margin: 10px;
}

.inputs ._field {
    padding: 10px;
    display: inline-block;
    margin: 10px;
}

#zoom {
  
}

span {
    
}


canvas {
    margin-top: 50px;
    display: inline-block;
    border: 4px solid black;
    box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.2);
    background-color: aliceblue;
}