html {
    min-height: 100%;/* fill the screen height to allow vertical alignement */
    display: grid; /* display:flex works too since body is the only grid cell */
  }
  
  body {
    margin: 20px;
    background: rgb(35,35,255);
    background: linear-gradient(180deg, rgb(16, 16, 121) 0%, rgb(53, 80, 204) 100%);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #fff;
  }
  
  b {
      color: #ff7800;
  }

h1, h2 {
    color: #ff7800;
    text-align: center;
    margin-top: 2em;
}

p {
    color: #fff;
}

span {
    color: #ff7800;
    font-weight: 700;
}

main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5rem 15rem;
}

@media screen and (max-width: 1200px){
    main {
        margin:  2rem 3rem;
    }
}