body{display:flex;justify-content:center}.container-border{display:flex;align-items:center;flex-direction:column;background:#3d58fe;background:linear-gradient(180deg,#3d58fe 24%,#75f2fa);border-radius:53% 47% 65% 35%/37% 49% 51% 63%;width:800px;height:600px;position:relative}.circle-container{position:relative}.circle{animation-duration:10s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear;position:absolute;background:#3d58fe;background:linear-gradient(180deg,#3d58fe 24%,#75f2fa);width:45px;height:45px;border-radius:50%}.circle-down{animation-name:move-up;z-index:-1}.circle-up{top:0;animation-name:move-down;z-index:10}.circle-left{left:6px}.circle-right{right:6px}.logo{margin-top:20px;width:150px;height:150px}.text-container{display:flex;justify-content:center}.tool-icon{width:4rem;fill:#fff}.title{width:66%;text-shadow:2px -1px 6px black;color:#fff;font-size:4rem;text-align:center}#counter-container{display:none;gap:1rem}.digit-container{padding:.1rem;border-radius:10px;background-color:#fff;width:6rem;height:6rem;justify-content:center;display:flex;flex-direction:column;align-items:center}.digit-container :first-child{font-size:1.4rem}.digit-container .digito{font-weight:900;font-size:2rem}@keyframes move-up{0%{bottom:0%}to{bottom:90%}}@keyframes move-down{0%{top:0%}to{top:90%}}@media screen and (max-width: 767px){body{margin-top:50%}.container-border{width:400px;height:300px}.logo{width:75px;height:75px}.title{font-size:2rem}.tool-icon{width:2rem}.circle{width:22.5px;height:22.5px}#counter-container{gap:.3rem}.digit-container{width:2.9rem;height:2.9rem}.digit-container :first-child{font-size:.7rem}.digit-container .digito{font-size:1rem}}