/* GENERALE */
canvas {
  border:1px solid #000000;
  width: 90%;
}

label {
  margin-left: 0.1em;
}

.grafico {
  text-align: center;
}

.grafico, .scelte {
  display: inline-block;
  vertical-align: top;
}

.scelte {
  position: fixed;
  bottom:0;
  left: 0;
  padding: 2% 5% 2%;
  width: 100%;
  margin: auto;
  /*margin-top: 1em;*/
  line-height: 1.2em;
  background-color: #DDDDDD;
}
.scelte h2, .scelte h3 {
  margin: 0.1em 0em;
}
.scelte h3 {
  font-size: 1em;
}
.scelte>div {
  display: inline-block;  
  vertical-align: middle;
}
.param2 {
  width: 35%;
  margin-left: 0.3em;
}
.funz2 {
  width: 60%;
}
.param3 {
  width: 35%;
  margin-left: 0.1em;
}
.funz3 {
  width: 25%;
}
.sinistra {
  text-align: left;
}

input[type="number"] {
   width: 3em;
}
input[type="range"] {
   width: 100%;
   margin:0;
}
@media only screen and (min-width: 601px) {
  .grafico {
    width: 65%;
  }
  .scelte {
    position: static;
    width: 33%;
  }
  .param2, .param3, .funz2, .funz3 {
    width: 100%;
    text-align: center;
  }
}