body{ animation: bgchange 20s ease infinite; } @keyframes bgchange{ 0% {background:#ffe6e1;} 60% {background:#eed69a;} 100% {background:#c0e8b7;} } h1{ text-align: center; font-family: serif; font-size: 2em; } .container{ display: flex; flex-wrap: wrap; justify-content:center; } .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; } p.start{ }