.preload{position:fixed;top:0;width:100vw;z-index:10;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fff;overflow:hidden}.parentCircle{animation:flipCircles 2s infinite}.parentCircle img{width:200px}.rowCircle{display:flex}.circle{position:relative;margin:2px;width:40px;height:40px;border-radius:40px;border:solid 5px #2C4A68}@keyframes flipCircles{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}#circleOne{background-color:#ddb3ad}#circleTwo{background-color:#f0ab1e}#circleThree{background-color:#279883}#circleFour{background-color:#e32b2d}.hide{opacity:0;display:none}.preloadLogo{position:absolute;height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.preloadLogo img{width:150px;margin-top:200px}