body {
	font-family: 'pacifico', Fallback, sans-serif;
 background: rgb(146,238,115);
background: linear-gradient(90deg, rgba(146,238,115,1) 0%, rgba(106,231,104,1) 50%, rgba(63,233,117,1) 100%);  
}

@font-face {
  font-family: 'pacifico';
  src:  url('css/fonts/pacifico.woff2') format('woff2'),
        url('css/fonts/pacifico.woff') format('woff');
}

#container {	
    display: flex;           /* establish flex container */
    flex-direction: column;  /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center;     /* center items horizontally, in this case */
    height: 500px;
}

.center {
    width: 1000px;
    margin: -20px;
    text-align:center; 
    align-content: center;    /* will center text in <p>, which is not a flex item */
}

h1{
	font-size: 550%;
	text-shadow: 6px 6px rgba(0, 0, 0, 0.8);
	color: #fff;
}