body{
    animation: bgchange 20s ease infinite;
}

@keyframes bgchange{
    0%   {background:#ffe6e1;}
    60%  {background:#cefd9e;}
    100% {background:#e8c7b7;}
}
h1{
    text-align: center;
    font-family: serif;
    font-size: 8vw;
}
div.container{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}
div.container div{
    background-color: #ffbbbb;   
    border: 2px solid #312a2a;
    margin: 1px;
}
.container div:hover{
    background-color: #af72c9;
    box-shadow: 0px 0px 15px 2px rgba(74, 45, 45, 0.2);
    transform: scale(1.2);
}
p{
    text-align: center;
    padding-left: 10px;
    padding: 0 30px;
}
p#info{
    font-size: 20px;
}
button#start{
    font-size: 20px;
}