@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100&display=swap);body,html{margin:0;padding:0;overflow:hidden;width:8000px;height:1406px;font-style:italic}.bg-container{position:fixed;height:100vh;width:100vw;background:linear-gradient(-45deg,#d325ff,#e0e0e0,#ca7bff,#13ff4e);background-size:400% 400%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:1s ease;transition:1s ease;-webkit-animation:gradient 25s ease infinite;animation:gradient 25s ease infinite}@-webkit-keyframes pulsate{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}@keyframes pulsate{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}@-webkit-keyframes glow{0%{-webkit-filter:drop-shadow(2px 2px 3px #fff);filter:drop-shadow(2px 2px 3px #fff)}50%{-webkit-filter:drop-shadow(2px 2px 20px #fff);filter:drop-shadow(2px 2px 20px #fff)}100%{-webkit-filter:drop-shadow(2px 2px 3px #fff);filter:drop-shadow(2px 2px 3px #fff)}}@keyframes glow{0%{-webkit-filter:drop-shadow(2px 2px 3px #fff);filter:drop-shadow(2px 2px 3px #fff)}50%{-webkit-filter:drop-shadow(2px 2px 20px #fff);filter:drop-shadow(2px 2px 20px #fff)}100%{-webkit-filter:drop-shadow(2px 2px 3px #fff);filter:drop-shadow(2px 2px 3px #fff)}}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-webkit-keyframes scalePulse{from{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scalePulse{from{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}main{padding:100px}.structure{fill:#fff;fill-opacity:.1}@-webkit-keyframes structurePulse{0%{fill-opacity:.1}50%{fill-opacity:.5}100%{fill-opacity:.1}}@keyframes structurePulse{0%{fill-opacity:.1}50%{fill-opacity:.5}100%{fill-opacity:.1}}.img-container{position:absolute;z-index:0}.img-container svg{width:8000px;opacity:1}.flash{width:100vw;height:100vh;position:fixed;background:#fff;opacity:0;z-index:-1}.container-1{position:absolute;top:190px;left:4669px;width:544px;height:544px}.container-1 canvas{position:absolute;width:544px;height:544px;opacity:.3;z-index:2}.container-1 .video-bg-1{top:0;left:0;z-index:0;width:100%;height:100%;position:absolute;opacity:1}.container-2{position:absolute;top:361px;left:1603px;width:125px;height:125px}.container-2 .hell-switch{height:100%;width:100%;cursor:pointer;background:url(assets/Hell.gif);background-repeat:no-repeat;background-size:cover;-webkit-filter:drop-shadow(2px 2px 10px #fff) grayscale(100%);filter:drop-shadow(2px 2px 10px #fff) grayscale(100%);-webkit-transition:.5s;transition:.5s;-webkit-animation:pulsate 1.5s ease infinite;animation:pulsate 1.5s ease infinite}.container-2 .hell-switch:hover{-webkit-animation:none;animation:none;-webkit-filter:drop-shadow(4px 2px 30px #fff) grayscale(0);filter:drop-shadow(4px 2px 30px #fff) grayscale(0)}.container-3{position:absolute;top:400px;left:1806px;width:126px;height:126px;background:linear-gradient(95deg,#ba82f0,#fff)}.container-3 canvas{opacity:1}.container-4{position:absolute;top:1033px;left:1861px;width:419px;height:420px}.container-4 .nature-switch{height:59%;width:100%;cursor:pointer;background:url(assets/Nature.gif);background-repeat:no-repeat;background-size:cover;-webkit-filter:drop-shadow(2px 2px 10px #fff) grayscale(100%);filter:drop-shadow(2px 2px 10px #fff) grayscale(100%);-webkit-transition:.2s;transition:.2s;-webkit-animation:pulsate 1.5s ease infinite;animation:pulsate 1.5s ease infinite}.container-4 .nature-switch:hover{-webkit-filter:drop-shadow(4px 2px 30px #fff) grayscale(0);filter:drop-shadow(4px 2px 30px #fff) grayscale(0);-webkit-animation:none;animation:none}.container-4 .container-4-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%;z-index:1000}.container-4 .container-4-inner .whitenote{height:40%;width:60px;background:linear-gradient(95deg,#ba82f0,#424242);border-top:2px solid rgba(255,255,255,.192);-webkit-transition:.4s;transition:.4s}.container-4 .container-4-inner .whitenote:hover{background:#ba82f0}.container-4 .container-4-inner .nature-keys{height:40%;width:60px;background:linear-gradient(95deg,#74ffa3,#005c05);border-top:2px solid rgba(255,255,255,.192);-webkit-transition:.4s;transition:.4s}.container-4 .container-4-inner .nature-keys:hover{background:#3cff8e}.container-4 .container-4-inner .hell-keys{height:40%;width:60px;background:linear-gradient(95deg,#ffdf74,#990303);border-top:2px solid rgba(255,255,255,.192);-webkit-transition:.4s;transition:.4s}.container-4 .container-4-inner .hell-keys:hover{background:red}.container-5{position:absolute;top:110px;left:2796px;width:615px;height:615px;background-color:#066868;background:linear-gradient(36deg,#ba82f0,#fff);z-index:1}.container-5 canvas{opacity:.7}.container-6{position:absolute;top:820px;left:4019px;width:418px;height:418px;cursor:pointer}.container-6 .flash-6{position:absolute;opacity:0;width:100%;height:100%;background:#fff}.container-6 .generate-text{font-weight:400;font-size:40px;margin:auto;top:170px;left:80px;font-family:Georgia;position:absolute;font-style:italic;-webkit-transition:.2s;transition:.2s;z-index:11;-webkit-animation:glow 2.5s infinite;animation:glow 2.5s infinite}.container-6 .generate-text:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:.2s;transition:.2s}.container-6 .avatar-img{position:absolute;-webkit-transition:.3s;transition:.3s;width:100%;height:100%;z-index:10}.container-6 .avatar-loading{opacity:0;-webkit-transition:.3s;transition:.3s;position:absolute;width:100%}.container-6 .avatar-result{position:absolute;height:100%;width:100%;background-size:cover;visibility:hidden;z-index:100}.container-6 .avatar-result-text{font-weight:400;padding:20px;font-size:30px;margin:auto;color:#000;text-shadow:2px 2px #fff;font-family:Georgia;position:absolute;font-style:italic;z-index:11;-webkit-animation:glow 2.5s infinite,scalePulse 2.5s alternate infinite;animation:glow 2.5s infinite,scalePulse 2.5s alternate infinite}.container-7{position:absolute;top:595px;left:920px;width:404px;height:406px;display:-ms-grid;display:grid;padding:1px;-ms-grid-columns:133px 133px 133px;grid-template-columns:133px 133px 133px;-ms-grid-rows:135px 135px 135px;grid-template-rows:135px 135px 135px;-webkit-transition:.2s;transition:.2s;-webkit-filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, .616));filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, .616))}.container-7 .sqr{border:5px solid rgba(255,255,255,0);-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.1s;transition:.1s}.container-7 .sqr:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.container-7 .sqr img{height:100%;width:100%}.container-8{position:absolute;top:304px;left:5523px;width:220px;height:220px;opacity:1;z-index:0;-webkit-transition:.5s;transition:.5s}.container-8 .video-bg-8{top:0;left:0;z-index:-1;width:100%;height:100%;position:absolute;opacity:.8}.container-8:hover{-webkit-filter:drop-shadow(4px 4px 20px #fff);filter:drop-shadow(4px 4px 20px #fff)}.container-9{position:absolute;top:810px;left:5783px;width:683px;height:683px;background:linear-gradient(60deg,#bb9fd6,#f5f5f5)}@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scale1{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(2);transform:scale(2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale1{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(2);transform:scale(2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.container-9 .app{width:100%;height:100%;display:inline-block;background:#bab2ff;-webkit-box-shadow:10px 10px 30px rgba(0,0,0,.4);box-shadow:10px 10px 30px rgba(0,0,0,.4);padding:0;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.container-9 .app .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container-9 .app .container .checkbox{-webkit-filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, .616));filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, .616))}.container-9 .app .container .checkbox.active.highlighted{-webkit-animation:scale 50ms;animation:scale 50ms}.container-9 .app .container .checkbox.active.highlighted.animate{-webkit-animation:scale 50ms;animation:scale 50ms}.container-9 .app .container .checkbox.animate{-webkit-animation:scale1 .2s;animation:scale1 .2s}.container-9 .app .container .checkbox{-webkit-transition:.9s;transition:.9s;background:-webkit-gradient(linear,left top,left bottom,from(#ba82f0),to(#fff));background:linear-gradient(#ba82f0,#fff);height:88px;width:74px;margin:.3em}.container-9 .app .container .checkbox.active{background:#fff}.container-9 .app .container .checkbox.active.highlighted{background:#fff}.container-9 .app .container .checkbox.highlighted{background:#a545ff}.container-9 .app .container .nature-checkbox{-webkit-transition:.9s;transition:.9s;background:-webkit-gradient(linear,left top,left bottom,from(#058637),to(#4cf175));background:linear-gradient(#058637,#4cf175);height:88px;width:74px;margin:.3em}.container-9 .app .container .nature-checkbox.active{background:#baffc5}.container-9 .app .container .nature-checkbox.active.highlighted{background:#baffc5}.container-9 .app .container .nature-checkbox.highlighted{background:#a545ff}.container-9 .app .container .hell-checkbox{-webkit-transition:.9s;transition:.9s;background:-webkit-gradient(linear,left top,left bottom,from(#ad1313),to(#fadcae));background:linear-gradient(#ad1313,#fadcae);height:88px;width:74px;margin:.3em}.container-9 .app .container .hell-checkbox.active{background:#ff5151}.container-9 .app .container .hell-checkbox.active.highlighted{background:#eb8614}.container-9 .app .container .hell-checkbox.highlighted{background:#a545ff}.container-10{position:absolute;top:837px;left:6741px;width:187px;height:187px}.container-11{position:absolute;top:469px;left:7091px;width:146px;height:146px}.container-11 .utopia-switch{height:146px;width:146px;cursor:pointer;background:url(assets/Utopia.gif);background-size:cover;-webkit-filter:drop-shadow(2px 2px 10px #fff) grayscale(100%);filter:drop-shadow(2px 2px 10px #fff) grayscale(100%);-webkit-transition:.5s;transition:.5s;-webkit-animation:pulsate 1.5s ease infinite;animation:pulsate 1.5s ease infinite}.container-11 .utopia-switch:hover{-webkit-animation:none;animation:none;-webkit-transition:.2s;transition:.2s;-webkit-filter:drop-shadow(4px 2px 30px #fff) grayscale(0);filter:drop-shadow(4px 2px 30px #fff) grayscale(0)}#start{position:absolute}.start-page{opacity:1;-webkit-transition:1s ease;transition:1s ease;position:fixed;z-index:100;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#ba82f0;background:linear-gradient(195deg,#003b20 0,#f7edff 100%)}.start-page .error-text{color:#f5bbbb;font-size:12px;padding:3px;margin:0}.start-page input{-webkit-animation:scalePulse 1.5s ease alternate infinite;animation:scalePulse 1.5s ease alternate infinite;font-family:Georgia;font-style:italic;border-radius:10px;padding:8px;letter-spacing:2px;width:200px;margin:0;font-size:16px;background:#ba82f0;background:linear-gradient(95deg,#ddb9ff 0,rgba(172,73,253,.806) 100%);color:#fff;outline:0;-webkit-box-shadow:7px 6px 19px 0 rgba(0,0,0,.5);box-shadow:7px 6px 19px 0 rgba(0,0,0,.5);border:1px solid #fff}.start-page button{-webkit-animation:scalePulse 2s ease alternate infinite;animation:scalePulse 2s ease alternate infinite;font-family:Georgia;font-style:italic;margin-top:16px;width:100px;padding:10px;outline:0;color:#fff;background:#ba82f0;background:linear-gradient(95deg,#c88dff 0,rgba(105,34,163,.806) 100%);border:1px solid #fff;-webkit-transition:.4s ease;transition:.4s ease;border-radius:10px;-webkit-box-shadow:7px 6px 19px 0 rgba(0,0,0,.5);box-shadow:7px 6px 19px 0 rgba(0,0,0,.5)}.start-page button:hover{color:#00680c;border:1px solid #00680c}h1{-webkit-animation:scalePulse 3s ease alternate infinite;animation:scalePulse 3s ease alternate infinite;font-family:Georgia;font-style:italic;font-size:19px;color:#ebebeb;text-shadow:2px 2px 0 #c368ff;letter-spacing:2px}.welcome-page{opacity:1;-webkit-transition:1s ease;transition:1s ease;position:fixed;z-index:2;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#ba82f0;background:linear-gradient(185deg,#ac53ff 0,#f7edff 100%);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.welcome-page .welcome-blurb{font-size:40px}h2{font-family:Georgia;font-size:60px;color:#ebebeb;text-shadow:2px 2px 0 #c368ff;letter-spacing:2px;-webkit-animation:scalePulse 2s linear alternate infinite;animation:scalePulse 2s linear alternate infinite}