@import url(https://fonts.googleapis.com/css?family=Noto+Sans&display=swap);*{box-sizing:border-box;font-family:Encode Sans Expanded,sans-serif;margin:0;padding:0}.desktop-div1{animation-duration:7s;animation-fill-mode:both;animation-name:example;background-color:#fff;border-radius:50%;box-shadow:0 0 60px 30px #fff,0 0 100px 60px #f0f,0 0 140px 90px #0ff;height:70px;width:70px}.fade-in-text{animation:fadeIn 7s linear;-webkit-animation:fadeIn 7s linear;-moz-animation:fadeIn 7s linear;-o-animation:fadeIn 7s linear;-ms-animation:fadeIn 7s linear;color:#faf8f8;font-family:Arial,Helvetica,sans-serif;font-size:30px;height:0;position:relative;text-align:center!important;width:500px}.desktop-animated-grid{grid-gap:1rem;--stagger-delay:100ms;display:grid;gap:1rem;grid-template-areas:"a   b  c   d" "l  🌟 🌟  e" "k  🌟 🌟  f" "j   i  h   g";grid-template-columns:15% auto auto 15%;grid-template-rows:1.4fr,.8fr,.8fr,1.4fr;height:92vh;margin-bottom:100px;margin-left:2%;width:96vw}@keyframes cardflip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.card{animation:cardEntrance .7s ease-out;animation-fill-mode:backwards;background-color:#24f393;transform-style:preserve-3d}.card:first-child{animation-delay:calc(var(--stagger-delay)*1);grid-area:a}.card:nth-child(2){animation-delay:calc(var(--stagger-delay)*2);grid-area:b}.card:nth-child(3){animation-delay:calc(var(--stagger-delay)*3);grid-area:c}.card:nth-child(4){animation-delay:calc(var(--stagger-delay)*4);grid-area:d}.card:nth-child(5){animation-delay:calc(var(--stagger-delay)*5);grid-area:e}.card:nth-child(6){animation-delay:calc(var(--stagger-delay)*6);grid-area:f}.card:nth-child(7){animation-delay:calc(var(--stagger-delay)*7);grid-area:g}.card:nth-child(8){animation-delay:calc(var(--stagger-delay)*8);grid-area:h}.card:nth-child(9){animation-delay:calc(var(--stagger-delay)*9);grid-area:i}.card:nth-child(10){animation-delay:calc(var(--stagger-delay)*10);grid-area:j}.card:nth-child(11){animation-delay:calc(var(--stagger-delay)*11);grid-area:k}.card:nth-child(12){animation-delay:calc(var(--stagger-delay)*12);grid-area:l}.card:nth-child(13){grid-area:m}.card:last-child,.card:nth-child(13){animation-delay:calc(var(--stagger-delay)*13)}.card:last-child{grid-area:🌟}.card.flip{animation:cardflip .1s;animation-fill-mode:forwards}.thefront{background-position:50%;background-size:cover}.theback,.thefront{backface-visibility:hidden;height:100%;position:absolute;width:100%}.theback{background:#fafafa;transform:rotateY(180deg)}.theback h1,.thefront h1{font-size:24px;font-weight:700}.theback h1,.theback p,.thefront h1,.thefront p{font-family:zilla slab,sans-serif;padding:30px;text-align:center}.theback p,.thefront p{font-size:12px;font-weight:400}@keyframes example{0%{transform:scale(1.1)}to{opacity:0;transform:scale(.01)}}.mobile-div1{animation-duration:7s;animation-fill-mode:both;animation-name:example;background-color:#fff;border-radius:50%;box-shadow:0 0 60px 30px #fff,0 0 100px 60px #f0f,0 0 140px 90px #0ff;height:40px;left:calc(1% - 140px);position:relative;top:calc(20% - 20px);width:40px;z-index:100}.mobile-fade-in-text{animation:fadeIn 7s linear;-webkit-animation:fadeIn 7s linear;-moz-animation:fadeIn 7s linear;-o-animation:fadeIn 7s linear;-ms-animation:fadeIn 7s linear;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:25px;height:50px;left:calc(10% - 20px);position:relative;top:calc(1% - 20px);width:300px;z-index:300}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-animated-grid{grid-row-gap:1rem;--stagger-delay:100ms;display:grid;grid-template-areas:"a" "b" "c";grid-template-columns:1fr;grid-template-rows:1fr,1fr,1fr,1fr,1fr,1fr;height:92vh;margin-bottom:100px;margin-top:50%;row-gap:1rem}@keyframes cardEntrance{0%{filter:hue-rotate(180deg);opacity:0;transform:scale(.3)}to{filter:hue-rotate(0deg);opacity:1;transform:scale(1)}}.mcard{animation:cardEntrance .7s ease-out;animation-fill-mode:backwards;background-color:#24f393}.mcard:first-child{animation-delay:calc(var(--stagger-delay)*1);grid-area:a}.mcard:nth-child(2){animation-delay:calc(var(--stagger-delay)*2);grid-area:b}.mcard:nth-child(3){animation-delay:calc(var(--stagger-delay)*3);grid-area:c}.mcard:nth-child(4){animation-delay:calc(var(--stagger-delay)*4);grid-area:d}.mcard:nth-child(5){animation-delay:calc(var(--stagger-delay)*5);grid-area:e}.mcard:nth-child(6){animation-delay:calc(var(--stagger-delay)*6);grid-area:f}.mcard:nth-child(7){animation-delay:calc(var(--stagger-delay)*7);grid-area:g}.mcard:nth-child(8){animation-delay:calc(var(--stagger-delay)*8);grid-area:h}.mcard:nth-child(9){animation-delay:calc(var(--stagger-delay)*9);grid-area:i}.mcard:nth-child(10){animation-delay:calc(var(--stagger-delay)*10);grid-area:j}.mcard:nth-child(11){animation-delay:calc(var(--stagger-delay)*11);grid-area:k}.mcard:nth-child(12){animation-delay:calc(var(--stagger-delay)*12);grid-area:l}.mcard:nth-child(13){grid-area:m}.mcard:last-child,.mcard:nth-child(13){animation-delay:calc(var(--stagger-delay)*13)}.mcard:last-child{grid-area:🌟}.mcard{align-items:center;background:#353535;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 .15rem .5rem #0308141a,0 .075rem .175rem #0208141a;color:#fff;display:flex;flex-direction:row;font-size:3rem;height:150px;justify-content:center;margin-left:3%;overflow:hidden;transition:all 1s;width:90%}.mcard:hover{box-shadow:0 .35em 1.175em #0208141a,0 .175em .5em #02081414;transform:translateY(-3px) scale(1.1)}body{background:#000;color:#fff;font-family:Noto Sans,sans-serif}.nav{height:50px}.card{align-items:center;background:#353535;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 .15rem .5rem #0308141a,0 .075rem .175rem #0208141a;color:#fff;display:flex;flex-direction:column;font-size:3rem;height:100%;justify-content:center;overflow:hidden;transition:all 1s;width:100%}.card:hover{box-shadow:0 .35em 1.175em #0208141a,0 .175em .5em #02081414;transform:translateY(-3px) scale(1.1)}
/*# sourceMappingURL=main.5e7b94b0.css.map*/