body {
    margin: 0;
}
body.flex {
display: flex;
flex-direction: column;
/*height: 100vh;*/ /* IE */
min-height: 100vh;
justify-content: center; /* -- vertical center --- */
}

/* ---LAYOUT-----------------------------------------------*/

/* --- customize body ----*/
body {

  font-family: Arial, Helvetica, sans-serif;
    /* align-items: center; */
  
    /* -- options -- */
    box-sizing: border-box;
    /* padding: 10vh 10vw; */
    padding: 10%;
  
    /* -- custom ---*/
    text-align: center;
    color: #fff;
    background-color: #3a3a3a;
    background-image: linear-gradient(rgb(7, 7, 7) , rgb(58, 58, 58) );
    background-size: 100%;
    /* background-repeat: no-repeat; */
  }
  main{
    font-size: xx-large;
  }
  /* --------------------------------------------------*/