.main-body {
    background: #e0eee0;
}

  .main-text {
    display: block;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: white;
    font-family: 'Dancing Script', cursive;
    text-shadow: 1px 1px #000;
    font-size: 6em;
    font-weight: bold;
  }

  @media only screen and (max-width: 600px) {
    .main-text {      
      font-size: 3em;
      margin-top: 30%;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }
  }