body {
  margin: 1 auto; padding: 0;
  height: 600px;
  background-color:#000;
  font:14px verdana; color:#fff;
//  display: flex;
  justify-content: center;
  align-items: center;

}

.box {
  display: flex;
//  justify-content: center;
//  align-items: center;
  margin: 0 auto;
  width: 550px;
  height: 400px;
//  border: 14px solid red;
}

#ruffle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: center;
  outline: solid 11px black;
}

.controls {
//  position:relative;
  position: sticky;
  bottom: 0;
  left: 0;
}