body,html{background-color:transparent}.flex-container{gap:20px;flex-wrap:wrap;max-width:1400px;margin:40px auto 0}.flex-container,.flex-item{display:flex;justify-content:center}.flex-item{align-items:center;border-radius:10px;background-color:hsla(0,5%,55%,.15);width:150px;height:150px;margin:.2em;cursor:pointer;position:relative}.flex-item:hover{background-color:hsla(0,5%,55%,.4)}.time{color:#fff;margin:10px auto 0;text-align:center;width:300px;font-size:4em;text-shadow:0 0 5px #000;opacity:.7;cursor:default}@media (max-width:960px){.flex-item{width:120px;height:120px;margin:.1em}.flex-container{gap:5px}}@media (max-width:544px){.flex-item{width:90px;height:90px;margin:.1em}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.bounce{animation:bounce 1s infinite}