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

.animation{
  /* Center vertically and horizontally */ /* apply negative top and left margins to truly center the element */
position: absolute;
top: 50%;
left: 50%;
margin: -200px 0 0 -200px;
text-align: center;
}

h1 {
font-weight: 400;
font-size: 60px;
color: #323334; /* #50504E old color */
font-family: 'Quicksand', sans-serif;
text-align: center;
}

.container {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
/* You need to define an explicit height! */
height: 100vh;
}