*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;height:100vh}:root{--green:#005554;--cream:#ffca8a}@keyframes turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}.container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:300px;height:300px;animation:10s infinite alternate turn;animation-delay:2s;animation-iteration-count:3;animation-timing-function:cubic-bezier(0.075,0.82,0.165,1)}.cinco,.cuatro,.dos,.seis,.tres,.uno{width:100px;height:100px}.half{display:flex;flex-direction:row}.cuadSmall{width:50px;height:50px}.green{background-color:var(--green)}.brown{background-color:var(--cream)}h1{position:absolute;top:10px;left:10px;color:var(--black);font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media screen and (max-width:768px){.container{width:200px;height:200px}.cinco,.cuatro,.dos,.seis,.tres,.uno{width:44px;height:44px}.cuadSmall{width:22px;height:22px}}