html,body{margin:0;padding:0;box-sizing:border-box;background-color:#37e2f4;font-family:Bebas Neue,sans-serif;overflow:hidden}#root{box-sizing:border-box;width:100vw;height:100vh;padding-left:10px;padding-right:10px;display:flex;justify-content:space-evenly;align-items:center}.main-container{position:relative;width:50vw;height:50vw;display:flex;justify-content:center;align-items:center}.main-container img{width:170px}.logo-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.circle-container{position:absolute;width:100%;height:100%;border-radius:100%;top:0;left:0;animation:circle-container-animation 180s linear infinite,circle-container-animation2 10s linear infinite}.circle{background-color:#000;width:15px;height:15px;border-radius:100%;animation:circle-animation 3s ease-in-out infinite;animation-delay:var(--animation-delay)}.coming-soon{font-size:70px;width:20%;text-align:center}@keyframes circle-animation{0%,to{transform:scale(.1)}50%{transform:scale(1)}}@keyframes circle-container-animation{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes circle-container-animation2{0%{scale:1}50%{scale:.95}to{scale:1}}@media (max-width: 1000px){#root{flex-direction:column;align-items:center;justify-content:space-evenly}.coming-soon{width:100%;text-align:center;font-size:50px}.main-container{width:100%;height:50vw}.circle{width:10px;height:10px}.main-container img{width:120px}}@media (max-width: 750px){.circle{width:10px;height:10px}.main-container img{width:100px}}