body {
    margin: 10;
    padding: 10;
    box-sizing: border-box;
    background-color: black;
    
}

#canvas1 {
  background: #1c1e20;
  background: -moz-radial-gradient(center, circle cover, #04055c 0%, #1c1e20 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #04055c), color-stop(100%, #1c1e20));
  background: -webkit-radial-gradient(center, circle cover, #04055c 0%, #1c1e20 100%);
  background: -o-radial-gradient(center, circle cover, #04055c 0%, #1c1e20 100%);
  background: -ms-radial-gradient(center, circle cover, #04055c 0%, #1c1e20 100%);
  background: radial-gradient(center, circle cover, #04055c 0%, #1c1e20 100%);
  background-color: #2b2b2b;
  color: #fff;
    position: relative;
    top: 0;
    left: 0;
   
}

.container {
    display: flex;
    background: #1c1e20;
    background: -moz-radial-gradient(center, circle cover, #04055c 0%, #1c1e20 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #04055c), color-stop(100%, #1c1e20));
    background: -webkit-radial-gradient(center, circle cover, #04055c 0%, #1c1e20 100%);
    background: -o-radial-gradient(center, circle cover, #04055c 0%, #1c1e20 100%);
    background: -ms-radial-gradient(center, circle cover, #04055c 0%, #1c1e20 100%);
    background: radial-gradient(center, circle cover, #04055c 0%, #1c1e20 100%);
    background-color: #2b2b2b;
    color: #fff;
    padding: 20px;
    margin: 10px;
    border-radius: 10px;
    color:white;
}

.column {
    flex:40%;
    background-color:rgba(108, 162, 179, 0.3);
    border-radius: 35px;
margin: 20px;
  padding: 20px;
    
  }
  
  /* Clear floats after the columns */
  .container:after {
    content: "";
    display: table;
    clear: both;
  }

  #sop-expression{
    display: none;
  }
  #toggleButton {
    background-color: #ccc;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
  }
  
  #toggleButton.on {
    background-color: #236e58;
  }
  
  #toggleButton.off {
    background-color: #80150d;
  }

  #pauseButton {
    background-color: #ccc;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
  }
  
  #pauseButton.move {
    background-color: #236e58;
  }
  
  #pauseButton.pause {
    background-color: #80150d;
  }