#webgarden {
  display: flex;
  flex-direction: row;
}
#webgarden textarea {
  margin: 10px auto;
  
  color: #f0f0e0;
  
  background: #f0f0e040;
  
  border: none;
  border-radius: 10px;
  
  box-shadow: 
        0 -1px 0 #f0c050, -1px 0 0 #e07040, 1px 0 0 #d05050, 0 1px 0 #a03090,
        0 -1px 5px #f0c050, -1px 0 5px #e07040, 1px 0 5px #d05050, 0 1px 5px #a03090;
}
#webgarden iframe {
  margin: auto;
}
@media screen and (max-width: 800px) {
  #webgarden {
    display: flex;
    flex-direction: column;
  }
  #webgarden textarea {
    margin: 10px auto;
  
    color: #f0f0e0;
  
    background: #f0f0e040;
  
    border: none;
    border-radius: 10px;
  
    box-shadow: 
      0 -1px 0 #f0c050, -1px 0 0 #e07040, 1px 0 0 #d05050, 0 1px 0 #a03090,
      0 -1px 5px #f0c050, -1px 0 5px #e07040, 1px 0 5px #d05050, 0 1px 5px #a03090;
  }
}