@keyframes tiltcard{0%{transform:rotateY(0)}100%{transform:rotateY(-30deg)}}@keyframes explode{0%{transform:translate(0,0) scale(1)}100%{transform:translate(var(--spreaddist),var(--vertdist)) scale(var(--scaledist))}}@keyframes writeLine{0%{width:0}100%{width:var(--linelength)}}body{padding:0;margin:0;font-family:Quicksand,sans-serif;font-weight:400;overflow:hidden;background-color:#f1f1f1}html{padding:0;margin:0;font-family:Quicksand,sans-serif;font-weight:400;overflow:hidden;background-color:#f1f1f1}.writing{width:320px;height:200px;background-color:#3f3f3f;border:1px solid #bbb;border-radius:6px 6px 4px 4px;position:relative}.writing .topbar{position:absolute;width:100%;height:12px;background-color:#f1f1f1;border-top-left-radius:4px;border-top-right-radius:4px}.writing .topbar div{height:6px;width:6px;border-radius:50%;margin:3px;float:left}.writing .topbar div.green{background-color:#60d060}.writing .topbar div.red{background-color:red}.writing .topbar div.yellow{background-color:#e6c015}.writing .code{padding:15px}.writing .code ul{list-style:none;margin:0;padding:0}.writing .code ul li{background-color:#9e9e9e;width:0;height:7px;border-radius:6px;margin:10px 0}.container{display:flex;align-items:center;justify-content:center;height:90vh;width:100%;transition:transform .5s}.stack-container{position:relative;width:420px;height:210px;transition:width 1s,height 1s}.pokeup{transition:.3s}.pokeup:hover{transform:translateY(-10px);transition:.3s}.error{width:400px;padding:40px;text-align:center}.error h2{font-size:75px;padding:0;margin:0;font-weight:700}.error h3{padding:0;font-size:27px}.perspec{perspective:1000px}.writeLine{animation:.4s linear forwards writeLine}.explode{animation:.5s ease-in-out forwards explode}.card{animation:.5s ease-in-out 1s forwards tiltcard;position:absolute}.detail{height:10vh!important}.es__details{display:flex;align-items:center}.es__details-content{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;line-height:2;direction:ltr;background-color:#f1f1f1;padding:8px;color:#848484;text-align:center;border-radius:25px}.es__detail-content{font-family:"Roboto Mono",monospace;font-size:12px;margin:10px}.es__details-mobile-view{display:none;color:#000}@media(min-width:768px){.es__details-content{flex-direction:row;line-height:normal;margin:0 auto;flex-basis:1000px}.es__details-mobile-view{display:inline-block}}@media screen and (max-width:1000px){.container{transform:scale(.85)}}@media screen and (max-width:850px){.container{transform:scale(.75)}}@media screen and (max-width:775px){.container{flex-wrap:wrap-reverse;align-items:inherit}}@media screen and (max-width:370px){.container{transform:scale(.6)}}@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:400;src:url(/cdn-cgi/fonts/RobotoMono.woff) format("woff")}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;src:url(/cdn-cgi/fonts/Quicksand-Regular.ttf) format("truetype")}@font-face{font-family:Quicksand;font-style:bold;font-weight:700;src:url(/cdn-cgi/fonts/Quicksand-Bold.ttf) format("truetype")}