TESTE SITE FUNK ANTIGO

html, body{height:100%;width:100%;overflow:hidden}body{display:flex;justify-content:center;align-items:center;background-color:#fefffe}.container{width:300px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.box{position:relative;background:#ffffff;width:70px;height:70px;border:3px solid #2AF598;border-radius:8px;cursor:pointer;margin:10px;display:flex;justify-content:center;align-items:center}.box:before, .box:after{position:absolute}.box:before{transition:all .10s linear .10s;content:'';width:32px;height:32px;background:#26d9af;border-radius:100%;opacity:0}.box:after{background:#ffffff url('data:image/svg+xml;charset=UTF-8,');content:'';width:32px;height:32px;opacity:0;transform-origin:50% 50%;transform:rotate(30deg) scale(0);border-radius:50%;transition:transform .1s ease}.box.active:before, .box.active:after{opacity:1}.box.active:before{width:100%;height:100%;border-radius:5px}.box.active:after{animation:tada .3s linear;transform:rotate(0deg) scale(1)}@keyframes tada{0%{transform:rotate(50deg) scale(0)}50%{transform:rotate(0deg) scale(1.2)}100%{transform:rotate(0deg) scale(1)}}