body {
    margin: 0;
    padding: 0;
    font-family: "Lato", sans-serif;
    font-size: 20pt;
    font-weight: normal;
    background: lightblue; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(
      -90deg,
      lightblue,
      black
    ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(
      -90deg,
      lightblue,
      black
    ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(
      -90deg,
      lightblue,
      black
    ); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, rgb(0, 191, 255), rgb(255, 0, 136)); /* Standard syntax */
  }
  
  .main {
    margin: 100px auto;
    text-align: center;
  }
  
  .buttons {
    padding: 20px;
    background: transparent;
    text-shadow: 1px 1px 1px #202020;
    font-family: "Lato", sans-serif;
    font-size: 18pt;
    border: 1px solid lightblue;
    color: lightblue;
  }

  #red{
    background-color: red;
  }

  #black{
    background-color: black;
  }
  
  #green{
    background-color: green;
  }