@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);
.body{background:#f9f9f9;margin:0;font-family:'Open Sans', sans-serif}.title{color:dodgerblue;font-size:2vw;font-weight:600;text-transform:uppercase;margin:2vw 0 0}.title:first-child{margin-top:0}.info{color:grey;font-style:italic;font-size:12px;margin:0 0 1vw}.canvas{background-color:blanchedalmond;border:2px solid black;display:inline-block;margin:10px;max-height:720px;max-width:1024px;vertical-align:top;width:75vw}.smoothness,.figure-type{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5px 0;width:100%}.inputs{display:inline-block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;margin:10px auto;vertical-align:top;padding:0 5px;width:calc(25vw - 40px)}.select{width:50%}.option{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input{color:dodgerblue;width:100%}.label{margin-top:20px}.label:first-of-type{margin-top:10px}.button{border-radius:4px;color:dodgerblue;font-size:1vw;margin-top:3vw;padding:10px 0;width:100%}