div1 {
  font-family: Arial;
  width: 300px;
  border: 15px solid lightblue;
  padding: 10px;
  margin: 0px;
  background: lightblue;
}
div {
  
}
div2 {
  display: inline;
}
button {
  font-family: Arial;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
  background-color: white;
  color: black;
  border: 2px solid #04AA6D; 
}
.button1 {
  font-family: Arial;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  background-color: white;
  color: black;
  border: 2px solid #04AA6D; 
}
H1 {
	text-align: center;
	font-family: Arial;

}
.dist {
	display: inline-block;
	 font-family: Arial;
  width: 300px;
  border: 15px solid lightblue;
  padding: 10px;
  margin: 2px;
  background: lightblue;
  flex: 1;  
  
  padding: 1em;
  border: solid;
}
.filter{
	display: inline-block;
	display: inline-block;
	 font-family: Arial;
  width: 300px;
  border: 15px solid lightblue;
  padding: 10px;
  margin: 2px;
  background: lightblue;
  flex: 1; 
  
  padding: 1em;
  border: solid;
}
.reverb{
	display: inline-block;
	display: inline-block;
	 font-family: Arial;
  width: 300px;
  border: 15px solid lightblue;
  padding: 10px;
  margin: 2px;
  background: lightblue;
  flex: 1; 
  
  padding: 1em;
  border: solid;
}
.delay{
	display: inline-block;
	display: inline-block;
	 font-family: Arial;
  width: 300px;
  border: 15px solid lightblue;
  padding: 10px;
  margin: 2px;
  background: lightblue;
  flex: 1; 
  
  padding: 1em;
  border: solid;
}
.presets{
	display: inline-block;
	display: inline-block;
	 font-family: Arial;
  width: 300px;
  border: 15px solid lightblue;
  padding: 10px;
  margin: 2px;
  background: lightblue;
  flex: 1; 
  
  padding: 1em;
  border: solid;
}
.slidecontainer {
	
}
.row {
  display: flex; 
}
.row2 {
	display: block;
}