body[data-v-ff416c64],html[data-v-ff416c64]{padding:0;margin:0;font-family:Quicksand,sans-serif;font-weight:400;overflow:hidden}.writing[data-v-ff416c64]{width:320px;height:200px;background-color:#3f3f3f;border:1px solid #bbb;border-radius:6px 6px 4px 4px;position:relative}.writing .topbar[data-v-ff416c64]{position:absolute;width:100%;height:12px;background-color:#f1f1f1;border-top-left-radius:4px;border-top-right-radius:4px}.writing .topbar div[data-v-ff416c64]{height:6px;width:6px;border-radius:50%;margin:3px;float:left}.writing .topbar div.green[data-v-ff416c64]{background-color:#60d060}.writing .topbar div.red[data-v-ff416c64]{background-color:red}.writing .topbar div.yellow[data-v-ff416c64]{background-color:#e6c015}.writing .code[data-v-ff416c64]{padding:15px}.writing .code ul[data-v-ff416c64]{list-style:none;margin:0;padding:0}.writing .code ul li[data-v-ff416c64]{background-color:#9e9e9e;width:0;height:7px;border-radius:6px;margin:10px 0}.container[data-v-ff416c64]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh;width:100%;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.stack-container[data-v-ff416c64]{position:relative;width:420px;height:210px;-webkit-transition:width 1s,height 1s;transition:width 1s,height 1s}.pokeup[data-v-ff416c64]{-webkit-transition:all .3s ease;transition:all .3s ease}.pokeup[data-v-ff416c64]:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:.3s ease;transition:.3s ease}.error[data-v-ff416c64]{width:500px;padding:40px;text-align:center}.error h1[data-v-ff416c64]{font-size:125px;padding:0;margin:0;font-weight:700}.error h2[data-v-ff416c64]{margin:-30px 0 0 0;padding:0;font-size:47px;letter-spacing:12px}.perspec[data-v-ff416c64]{-webkit-perspective:1000px;perspective:1000px}.writeLine[data-v-ff416c64]{-webkit-animation:writeLine-ff416c64 .4s linear forwards;animation:writeLine-ff416c64 .4s linear forwards}.explode[data-v-ff416c64]{-webkit-animation:explode-ff416c64 .5s ease-in-out forwards;animation:explode-ff416c64 .5s ease-in-out forwards}.card[data-v-ff416c64]{-webkit-animation:tiltcard-ff416c64 .5s ease-in-out 1s forwards;animation:tiltcard-ff416c64 .5s ease-in-out 1s forwards;position:absolute}@-webkit-keyframes tiltcard-ff416c64{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(-30deg);transform:rotateY(-30deg)}}@keyframes tiltcard-ff416c64{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(-30deg);transform:rotateY(-30deg)}}@-webkit-keyframes explode-ff416c64{0%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}to{-webkit-transform:translate(var(--spreaddist),var(--vertdist)) scale(var(--scaledist));transform:translate(var(--spreaddist),var(--vertdist)) scale(var(--scaledist))}}@keyframes explode-ff416c64{0%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}to{-webkit-transform:translate(var(--spreaddist),var(--vertdist)) scale(var(--scaledist));transform:translate(var(--spreaddist),var(--vertdist)) scale(var(--scaledist))}}@-webkit-keyframes writeLine-ff416c64{0%{width:0}to{width:var(--linelength)}}@keyframes writeLine-ff416c64{0%{width:0}to{width:var(--linelength)}}@media screen and (max-width:1000px){.container[data-v-ff416c64]{-webkit-transform:scale(.85);transform:scale(.85)}}@media screen and (max-width:850px){.container[data-v-ff416c64]{-webkit-transform:scale(.75);transform:scale(.75)}}@media screen and (max-width:775px){.container[data-v-ff416c64]{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit}}@media screen and (max-width:370px){.container[data-v-ff416c64]{-webkit-transform:scale(.6);transform:scale(.6)}}