body{margin:0}.canvas{background:#add8e6;box-shadow:.2cm .2cm .4cm #85b7c6;padding:.5cm;max-width:700px;margin:5vh auto}#berechnen,.mitte,.oben,.unten{box-shadow:.1cm .1cm .2cm #85b7c6}.input{width:100px}#ausgabe{margin-top:10px}.mitte,.oben,.unten{padding:10px;border-style:solid;border-color:#000;background:#99d3e5}.oben{margin-top:.3cm;border-radius:.3cm .3cm 0 0;border-width:.05cm .05cm 0}.mitte{border-width:0 .05cm}.unten{border-radius:0 0 .3cm .3cm;border-width:0 .05cm .05cm}@media screen and (max-width:500px){.canvas{padding:5px;margin:0}}