@import url('https://fonts.googleapis.com/css?family=Abel|Covered+By+Your+Grace|Dancing+Script|Macondo');::-webkit-scrollbar{width:.3vh;height:.3vh};::-webkit-scrollbar-track{border-radius:0;background:transparent}::-webkti-scrollbar-track{border-radius:0;background:#fff}body{background:var(--background);overflow:none}:root{--background:linear-gradient(#161616,#010101);--orbs:#b6e3f9;--orb-glow:rgba(182,227,249,1);--portal:#99c6ff;--name:linear-gradient(#43C6DB,#1e497a);--box-background:linear-gradient(rgba(67,198,219,0.5),rgba(28,110,122,0.5));--box-border:#1e497a;--main-text:#fff;--content-text:#333;--second-screen-background:#fff;--h1:#0a4796;--bold-outline:#9b60dd;--bold:#fff;--link:#ac009d}*{user-select:none;user-drag:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#main-image{position:absolute;bottom:0;left:332px;right:332px;height:800px;background:url('https://i.imgur.com/eZ7qCwt.png');background-size:105%;background-position:bottom center;background-repeat:no-repeat}#bigBox{position:absolute;width:100px;height:100px;top:50%;left:70%;margin:-100px 0 0 -120px;animation:bigBoxAnimation 6s linear infinite}#box,#box2{position:absolute;top:60%;left:50%;width:80px;height:80px;margin:-20px 0 0 -20px;animation:boxAnimation 2.95s cubic-bezier(0.02,0.01,0.31,1) infinite}#box2{animation:boxAnimation 3.2s cubic-bezier(0.02,0.01,0.31,1) infinite;transform:matrix(-1,0,0,1,0,0)}#box::after,#box2::after{content:'';position:absolute;top:0;left:0;width:6px;height:6px;background:var(--orbs);border-radius:100%;animation:spanAnimation 3s cubic-bezier(0.3,0.27,0.07,1.64) infinite;box-shadow:var(--orb-glow) 0 0 20px 2px}@keyframes bigBoxAnimation{100%{transform:rotate(360deg)}}@keyframes boxAnimation{50%{transform:translateY(-150px)}}@keyframes spanAnimation{50%{transform:translateX(-150px)}}#pixie{z-index:-1;position:absolute;top:0;left:0}.view{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-perspective:400;perspective:400}.plane{width:120px;height:120px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;cursor:pointer}.plane.main{position:absolute;top:-30%;left:0;right:0;bottom:0;margin:auto;-webkit-transform:rotateX(60deg) rotateZ(-30deg);transform:rotateX(60deg) rotateZ(-30deg);-webkit-animation:rotate 20s infinite linear;animation:rotate 20s infinite linear}.plane.main .circle{width:120px;height:120px;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 60px var(--portal),inset 0 0 60px var(--portal);box-shadow:0 0 60px var(--portal),inset 0 0 60px var(--portal)}.plane.main .circle::before,.plane.main .circle::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:10%;height:10%;border-radius:100%;background:var(--portal);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 60px 2px var(--portal);box-shadow:0 0 60px 2px var(--portal)}.plane.main .circle::before{-webkit-transform:translateZ(-90px);transform:translateZ(-90px)}.plane.main .circle::after{-webkit-transform:translateZ(90px);transform:translateZ(90px)}.plane.main .circle:nth-child(1){-webkit-transform:rotateZ(72deg) rotateX(63.435deg);transform:rotateZ(72deg) rotateX(63.435deg)}.plane.main .circle:nth-child(2){-webkit-transform:rotateZ(144deg) rotateX(63.435deg);transform:rotateZ(144deg) rotateX(63.435deg)}.plane.main .circle:nth-child(3){-webkit-transform:rotateZ(216deg) rotateX(63.435deg);transform:rotateZ(216deg) rotateX(63.435deg)}.plane.main .circle:nth-child(4){-webkit-transform:rotateZ(288deg) rotateX(63.435deg);transform:rotateZ(288deg) rotateX(63.435deg)}.plane.main .circle:nth-child(5){-webkit-transform:rotateZ(360deg) rotateX(63.435deg);transform:rotateZ(360deg) rotateX(63.435deg)}@-webkit-keyframes rotate{0%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);transform:rotateX(0) rotateY(0) rotateZ(0)}100%{-webkit-transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg);transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg)}}@keyframes rotate{0%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);transform:rotateX(0) rotateY(0) rotateZ(0)}100%{-webkit-transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg);transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg)}}#name{position:absolute;margin:0 auto;top:10%;left:40%;width:20%;background:var(--name);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:10vh;text-align:center;letter-spacing:-1.5px;font-family:impact;cursor:pointer;animation:boop 2s 1;-webkit-animation:boop 2s 1;animation-iteration-count:infinite;animation-direction:alternate}@keyframes boop{to{text-shadow:rgba(255,255,255,0.2) 2px 1px,rgba(255,255,255,0.2) 1px -2px,rgba(255,255,255,0.2) -2px 1px,rgba(255,255,255,0.2) 1px 2px}}@-webkit-keyframes boop{to{text-shadow:rgba(255,255,255,0.2) 2px 1px,rgba(255,255,255,0.2) 1px -2px,rgba(255,255,255,0.2) -2px 1px,rgba(255,255,255,0.2) 1px 2px}}#info{position:absolute;left:30%;top:24%;font-size:2.6vh;font-family:'Covered By Your Grace';color:var(--main-text)}.content{position:absolute;height:50%;width:30%;top:2%;overflow:auto;background:var(--box-background);padding:5px;font-family:'Covered By Your Grace';font-size:2.8vh;color:var(--content-text);border:5px solid var(--box-border);border-radius:5%;animation:fade 2.5s 1;-webkit-animation:fade 2.5s 1}@keyframes fade{from{top:10%;opacity:0}}@-webkit-keyframes fade{from{top:10%;opacity:0}}.one{left:5%}.two{right:5%}#fakeback{position:absolute;height:100%;width:100%;top:0;left:0;background:var(--second-screen-background);box-shadow:0 0 100px var(--second-screen-background);animation:boom 1s 1;-webkit-abimation:boom 1s 1;display:none}@keyframes boom{from{transform:scale(0);border-radius:100%}}@-webkit-keyframes boom{from{transform:scale(0);border-radius:100%}}#pic{position:absolute;bottom:0;left:332px;right:332px;height:800px;background:url('https://img00.deviantart.net/1e54/i/2017/124/9/9/special_commission_by_oukamiyoukai45-db83ml5.png');background-size:75%;background-position:bottom center;background-repeat:no-repeat}.hide{display:none}.r{float:right}h1{font-family:'Dancing Script';color:var(--h1)}b{text-shadow:var(--bold-outline) -1px 0,var(--bold-outline) 0 1px,var(--bold-outline) 1px 0,var(--bold-outline) 0 -1px;color:var(--bold)}a{text-decoration:none;color:var(--link);font-family:'Macondo'}a:hover{text-decoration:line-through}
