html, body {
  margin: 0;
  padding: 0;
}

canvas {
  display: block;
}

.p5Canvas {
  margin: auto;
  width: 100%;
  /* width:700px; */
}
.p5CanvasSmall{
  margin: auto;
  /* width: 50%; */
  display: inline-block;
  width: 49%;
}


/* Flex-item stuff for sliders side-by-side */
.slider-container{
  display:flex;
  width: 70%;
  margin: auto;
}
.slider {
  width:80%;
}
.flex-item {
  flex-grow: 1;
  text-align: center;
  flex-basis: 200px;
}

/* Styling of sliders  */
input[type="range"] {
  -webkit-appearance: none;
 }
 
 input[type="range"]:focus {
  outline: none;
 }
 input[type="range"]::-webkit-slider-runnable-track {
  background: rgb(220,220,255);
  height: 8px;
 }
 
 input[type="range"]::-moz-range-track {
  background: rgb(220,220,255);
  height: 8px;
 }
 input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 8px;
  background: rgb(180,180,200);
  margin-top: -6px;
  border-radius: 10%;
 }
 
 input[type="range"]::-moz-range-thumb {
  height: 20px;
  width: 8px;
  background: rgb(180,180,200);
  margin-top: -6px;
  border-radius: 10%;
 }