@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}.default-gradient{background-image:linear-gradient(#000,#3b141e,#731b2d,#ad2234,#e73131)}.blue-gradient{background-image:linear-gradient(#020f2a,#002558,#003b8b,#0051c0,#0968f8)}.green-gradient{background-image:linear-gradient(#011f11,#00502e,#00864c,#00c169,#00ff85)}body{color:#fff;font-family:Roboto,sans-serif;overflow:hidden}.page__wrap{flex-direction:column;justify-content:space-between;display:flex}.container{min-height:100vh;position:relative}.centerpiece__container{display:none}.particleBin{justify-content:space-between;gap:1.4em;padding:0 .5em;display:flex}.particle{opacity:0;background-color:#fff;border-radius:50%;width:.3rem;height:1rem;animation-duration:4.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.bottom{animation-name:particles}.top{animation-name:particles_reverse}.bottom:nth-child(2){animation-delay:.2s}.bottom:nth-child(3){animation-delay:.4s}.bottom:nth-child(4){animation-delay:.6s}.bottom:nth-child(5){animation-delay:.8s}.bottom:nth-child(6){animation-delay:1s}.bottom:nth-child(7){animation-delay:1.2s}.bottom:nth-child(8){animation-delay:1.4s}.bottom:nth-child(9){animation-delay:1.6s}.bottom:nth-child(10){animation-delay:1.8s}.bottom:nth-child(11){animation-delay:2s}.bottom:nth-child(12){animation-delay:2.2s}.bottom:nth-child(13){animation-delay:2.4s}.bottom:nth-child(14){animation-delay:2.6s}.bottom:nth-child(15){animation-delay:2.8s}.bottom:nth-child(16){animation-delay:3s}.bottom:nth-child(17){animation-delay:3.2s}.bottom:nth-child(18){animation-delay:3.4s}.bottom:nth-child(19){animation-delay:3.6s}.bottom:nth-child(20){animation-delay:3.8s}.bottom:nth-child(21){animation-delay:4s}.bottom:nth-child(22){animation-delay:4.2s}.bottom:nth-child(23){animation-delay:4.4s}.bottom:nth-child(24){animation-delay:4.6s}.bottom:nth-child(25){animation-delay:4.8s}.bottom:nth-child(26){animation-delay:5s}.top:nth-child(2){animation-delay:.2s}.top:nth-child(3){animation-delay:.4s}.top:nth-child(4){animation-delay:.6s}.top:nth-child(5){animation-delay:.8s}.top:nth-child(6){animation-delay:1s}.top:nth-child(7){animation-delay:1.2s}.top:nth-child(8){animation-delay:1.4s}.top:nth-child(9){animation-delay:1.6s}.top:nth-child(10){animation-delay:1.8s}.top:nth-child(11){animation-delay:2s}.top:nth-child(12){animation-delay:2.2s}.top:nth-child(13){animation-delay:2.4s}.top:nth-child(14){animation-delay:2.6s}.top:nth-child(15){animation-delay:2.8s}.top:nth-child(16){animation-delay:3s}.top:nth-child(17){animation-delay:3.2s}.top:nth-child(18){animation-delay:3.4s}.top:nth-child(19){animation-delay:3.6s}.top:nth-child(20){animation-delay:3.8s}.top:nth-child(21){animation-delay:4s}.top:nth-child(22){animation-delay:4.2s}.top:nth-child(23){animation-delay:4.4s}.top:nth-child(24){animation-delay:4.6s}.top:nth-child(25){animation-delay:4.8s}.top:nth-child(26){animation-delay:5s}.phone-up,.tablet-landscape-up{display:none}@keyframes particles{0%{transform:translateY(0%)}50%{opacity:.5}to{opacity:0;transform:translateY(-5000%)}}@keyframes particles_reverse{0%{transform:translateY(0%)}50%{opacity:.5}to{opacity:0;transform:translateY(5000%)}}@keyframes hoverMe__fadeIn{0%{opacity:0}50%{opacity:1}to{opacity:0}}p{text-transform:uppercase;margin-top:1.5rem}p.hoverMe{animation:4s 2s forwards hoverMe__fadeIn}@media (min-width:600px){.phone-up{display:block}}@media (min-width:900px){.tablet-landscape-up{display:block}.centerpiece__container{place-items:center;margin:auto;display:grid}.centerpiece__container>*{opacity:0;transition:all .4s}.centerpiece__container:hover>*{opacity:1}.centerpiece__item{justify-content:space-between;align-items:center;gap:2em;display:flex}.color-option{border:1px solid #fff0;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;transition:all .4s;display:grid}.color-option:hover{cursor:pointer;border-color:#fff}.color-option__1{background-image:radial-gradient(circle,#ad2234,#e73131,#731b2d,#3b141e)}.color-option__2{background-image:radial-gradient(circle,#0968f8,#0051c0,#003b8b,#002558,#020f2a)}.color-option__3{background-image:radial-gradient(circle,#00ff85,#00c169,#00864c,#00502e,#011f11)}.color-selected{border:1px solid #fff}.speed-option,.motion-option{background-color:#fff;border:3px solid #0000;border-radius:50%;width:1.2rem;min-height:1.2rem;transition:all .2s}.speed-option:hover,.speed-option:active,.motion-option:hover,.motion-option:active{cursor:pointer;background-color:red;border:3px solid #fff}.speed-selected,.motion-selected{background-color:red;border:3px solid #fff}.speedWrap,.motionWrap{position:relative}.speedLine,.motionLine{color:#fff;z-index:-1;border:1px solid;width:96%;margin:0;display:none;position:absolute;top:47%;bottom:50%;left:1%}}
/*# sourceMappingURL=index.e80b167f.css.map */