@import url(https://fonts.googleapis.com/css?family=Nunito+Sans);[data-v-424afc86]:root{--blue:#0e0620;--white:#fff;--green:#2ccf6d}body[data-v-424afc86],html[data-v-424afc86]{height:100%}body[data-v-424afc86]{display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:1em}body[data-v-424afc86],button[data-v-424afc86]{font-family:Nunito Sans}ul[data-v-424afc86]{list-style-type:none;padding-inline-start:35px}h1[data-v-424afc86]{font-size:7.5em;margin:15px 0;font-weight:700}h2[data-v-424afc86]{font-weight:700}.btn[data-v-424afc86]{z-index:1;overflow:hidden;background:transparent;position:relative;padding:8px 50px;border-radius:30px;cursor:pointer;font-size:1em;letter-spacing:2px;transition:.2s ease;font-weight:700;margin:5px 0}.btn .green[data-v-424afc86]{border:4px solid var(--green);color:var(--blue)}.btn .green[data-v-424afc86] :before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:var(--green);z-index:-1;transition:.2s ease}.btn .green[data-v-424afc86] :hover{color:var(--white);background:var(--green);transition:.2s ease}.btn .green[data-v-424afc86] :hover :before{width:100%}body[data-v-424afc86]{background:#222}.box[data-v-424afc86]{margin:0 auto;width:860px;height:500px;position:relative;z-index:99;border-radius:5px;overflow:hidden}.box b[data-v-424afc86]{display:block;width:150px;height:150px;border-radius:50%;background-color:green;box-shadow:inset -30px -30px 30px rgba(1,25,8,.6),80px 80px 15px rgba(48,24,24,.04);position:absolute;animation:moveX-424afc86 2.05s linear 0s infinite alternate,moveY-424afc86 3.4s linear 0s infinite alternate}.box .b2[data-v-424afc86]{display:block;width:90px;height:90px;border-radius:50%;background-color:#4b4a4a;box-shadow:inset -10px -10px 10px rgba(12,12,12,.6),40px 40px 8px hsla(0,0%,77.6%,.04);position:absolute;animation:moveX-424afc86 3s linear 0s infinite alternate,moveY-424afc86 2.4s linear 0s infinite alternate}@keyframes moveX-424afc86{0%{left:0}to{left:680px}}@keyframes moveY-424afc86{0%{top:0}to{top:280px}}