@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:Open Sans,sans-serif}:root{--yellow:#feb60a;--red:#ff0062;--blue:#00dbf9;--violet:#da00f7}.lod-container{display:flex;justify-content:center;align-items:center}.lod-container div{width:3vw;height:3vw;border-radius:100%;margin:2vw;background-image:linear-gradient(145deg,hsla(0,0%,100%,.5),transparent);-webkit-animation:bounce 1.5s linear .5s infinite;animation:bounce 1.5s linear .5s infinite}.yellow{background-color:var(--yellow)}.red{background-color:var(--red);-webkit-animation-delay:.1s;animation-delay:.1s}.blue{background-color:var(--blue);-webkit-animation-delay:.2s;animation-delay:.2s}.violet{background-color:var(--violet);-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes bounce{0%,50%,to{transform:scale(1);filter:blur(0)}25%{transform:scale(.6);filter:blur(3px)}75%{filter:blur(3px);transform:scale(1.4)}}@keyframes bounce{0%,50%,to{transform:scale(1);filter:blur(0)}25%{transform:scale(.6);filter:blur(3px)}75%{filter:blur(3px);transform:scale(1.4)}}