body {
    font-family: 'Playfair Display', serif;
    background: linear-gradient(222deg, #ffffff, #edf2f7);
    background-size: 400% 400%;
    -webkit-animation: gradientAnimation 7s ease infinite;
    -moz-animation: gradientAnimation 7s ease infinite;
    animation: gradientAnimation 7s ease infinite;

}

@-webkit-keyframes gradientAnimation {
    0%{background-position:90% 0%}
    50%{background-position:11% 100%}
    100%{background-position:90% 0%}
}
@-moz-keyframes gradientAnimation {
    0%{background-position:90% 0%}
    50%{background-position:11% 100%}
    100%{background-position:90% 0%}
}
@keyframes gradientAnimation {
    0%{background-position:90% 0%}
    50%{background-position:11% 100%}
    100%{background-position:90% 0%}
}


.parent {
    display: grid;
    place-items: center;


}