@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto:wght@300&display=swap');

h1 {
	font-family: 'Pacifico', cursive;
	text-transform: lowercase;
	font-weight: lighter;
	margin-top:50px;
}
h1 span {
	color:#000;
}
body {
	font-family: 'Roboto', sans-serif;
	overflow: hidden;

}

.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /*
  This doesn't work
  margin-left: -25%;
  margin-top: -25%;
  */
  width: 40%;
  height: 50%;
  padding: 20px;  
  text-align: center;
}
.center i {
	font-size:20px;
	padding:5px;
}