style.css

/*Author : Gabby*/

body {
      /*font-family: 'Montserrat', sans-serif;*/
      font-family: Arial;
      font-weight: 300;
      font-size: 14px;
      color: white;
}


.wrapper .left,
.wrapper .right {
      width: 100%;
      height: 70vh;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
}


@media screen and (min-width:1200px) {

      .wrapper {
            display: flex;
      }
      .wrapper .left,
      .wrapper .right {
            width: 50%;
            height: 100vh;
      }

}

canvas{
  background-color: #3846ab;
  background-position: center;
  background-size: 100% 100%;
}


.left {
  left: 0;
  background-color: #87CEFA;
}

.right {
  right: 0;
  background-color: #111;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}


#h1 {
    color: black;
}

button{
  text-align: center;
  background-color: #87CEFA;
}