@import url("https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");*{padding:0;margin:0;font-family:Muli,sans-serif;box-sizing:border-box;outline:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--fg);transition:background .3s,color .3s}body{background:var(--bg)}body,body.default{--bg:#fff;--fg:#292929;--tc:#0779e4}body.dark{--bg:#292929;--fg:#fff}body.red{--bg:#fff;--fg:#292929;--tc:#e8505b}.Header{position:fixed;top:0;left:0;width:100vw;height:9vh;display:flex;align-items:center;color:var(--fg);z-index:999}.Header .brand{cursor:pointer;mix-blend-mode:difference;position:relative;margin:0 5%;font-weight:700;letter-spacing:2px;font-family:Press Start\ 2P,cursive}.Header .brand:before{z-index:-1;content:"";position:absolute;top:-10%;right:-25%;width:50%;height:100%;background:var(--tc)}.Header .wrapper{position:absolute;top:50%;right:5%;transform:translateY(-50%)}.Header .wrapper .menu{z-index:999;all:unset;font-weight:800;transition:.5s cubic-bezier(.68,-.55,.265,1.55);padding:6px 12px}.Header .wrapper .menu line{transition:.5s}.Header .wrapper .menu.open{transform:rotate(90deg)}.Header .wrapper nav{position:absolute;background:var(--tc);right:0;width:300px;height:330px;transition:.5s;padding:12px 24px}.Header .wrapper nav:not(.open){opacity:0;z-index:-10;visibility:hidden;transform:translateX(10px)}.Header .wrapper nav:not(.open) a,.Header .wrapper nav:not(.open) span{opacity:0;transform:translateX(-10px)}.Header .wrapper nav:not(.open):nth-child(4){transition-delay:50ms}.Header .wrapper nav:not(.open):nth-child(3){transition-delay:.1s}.Header .wrapper nav:not(.open):nth-child(2){transition-delay:.15s}.Header .wrapper nav:not(.open):first-child{transition-delay:.2s}.Header .wrapper nav.open{opacity:1;z-index:99999999999999;visibility:visible;transform:translateX(0);box-shadow:0 1.3px 3.6px rgba(0,0,0,.024),0 3.5px 10px rgba(0,0,0,.035),0 8.4px 24.1px rgba(0,0,0,.046),0 28px 80px rgba(0,0,0,.07)}.Header .wrapper nav a,.Header .wrapper nav span{position:relative;color:#fff;font-size:xx-large;font-weight:900;letter-spacing:4px;cursor:pointer;text-decoration:none;transition:.5s;display:block;line-height:65px;transform:translateX(0)}.Header .wrapper nav a:first-child,.Header .wrapper nav span:first-child{transition-delay:50ms}.Header .wrapper nav a:nth-child(2),.Header .wrapper nav span:nth-child(2){transition-delay:.1s}.Header .wrapper nav a:nth-child(3),.Header .wrapper nav span:nth-child(3){transition-delay:.15s}.Header .wrapper nav a:nth-child(4),.Header .wrapper nav span:nth-child(4){transition-delay:.2s}.Header .wrapper nav a:hover,.Header .wrapper nav span:hover{color:#f4f6ff}.Header .wrapper nav a:before,.Header .wrapper nav span:before{content:"";position:absolute;width:0;height:5px;left:0;bottom:0;background:#f4f6ff;transition:.5s}.Header .wrapper nav a.active:before,.Header .wrapper nav span.active:before{width:10%}.App{color:var(--fg);width:100vw;display:flex;flex-direction:column;align-items:center;position:relative;animation:fadeUpShow .5s}.App .window{border-radius:8px;box-shadow:0 1.3px 3.6px rgba(0,0,0,.024),0 3.5px 10px rgba(0,0,0,.035),0 8.4px 24.1px rgba(0,0,0,.046),0 28px 80px rgba(0,0,0,.07);position:absolute;top:25%;left:14%;background:var(--bg);width:256px;height:200px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);justify-items:center;color:var(--fg);transition:.5s;opacity:0;z-index:-1;transform:translateY(-10px)}.App .window img{margin-top:16px;grid-column:2/3;border-radius:50%}.App .window .row-2{grid-row:2/3;grid-column:1/4;text-align:center;margin-top:18px}.App .window .row-3{width:100%;grid-row:3/3;grid-column:1/4;text-align:center;margin-top:-10px;display:flex;align-items:center;justify-content:space-evenly}.App .window .row-3 span{transform:translateY(10px);opacity:0;transition:.45s}.App .window .row-3 span:nth-child(2){transition-delay:.1s}.App .window .row-3 span:nth-child(3){transition-delay:.15s}.App .window.open{z-index:999}.App .window.open,.App .window.open .row-3 span{opacity:1;transform:translateY(0)}.App .mainWrapper{z-index:2;width:80%}@media (max-width:480px){.App .mainWrapper{width:90%}}.App .mainWrapper p.b{z-index:2;margin:64px 0;font-size:1.4rem}.App .mainWrapper p.b .intro{font-size:110%}@media (max-width:480px){.App .mainWrapper p.b{font-size:1.2rem}}.App .smallWrapper{width:80%;display:flex;flex-direction:row}@media (max-width:768px){.App .smallWrapper{width:90%;flex-direction:column}}.App .smallWrapper .left,.App .smallWrapper .right{width:50%;display:flex;flex-direction:column}@media (max-width:480px){.App .smallWrapper .left,.App .smallWrapper .right{width:100%}}.App .smallWrapper .left .title,.App .smallWrapper .right .title{font-size:200%;font-weight:100;margin:3% 0;animation:showTitle 1s;opacity:.9;transition:.5s;width:fit-content;cursor:pointer}.App .smallWrapper .left .title:hover,.App .smallWrapper .right .title:hover{opacity:1}.App .smallWrapper .left .title:nth-child(2),.App .smallWrapper .right .title:nth-child(2){animation-delay:.1s}.App .smallWrapper .left .title:nth-child(3),.App .smallWrapper .right .title:nth-child(3){animation-delay:.15s}.App .smallWrapper .left .title:nth-child(4),.App .smallWrapper .right .title:nth-child(4){animation-delay:.2s}.App .smallWrapper .left .title.active,.App .smallWrapper .right .title.active{font-size:210%;color:var(--tc)}.App .smallWrapper .right{flex-direction:row;position:relative}.App .smallWrapper .right .box{position:absolute;width:100%;min-height:226px;z-index:-2;visibility:hidden;opacity:0;transform:scale(1.1) translateY(30px);background:var(--bg)}@media (max-width:480px){.App .smallWrapper .right .box{margin-bottom:20px}}.App .smallWrapper .right .box .container{border-radius:6px;width:100%;display:flex;justify-content:space-evenly;min-height:226px;position:relative;padding:8px;box-shadow:0 1.3px 3.6px rgba(0,0,0,.024),0 3.5px 10px rgba(0,0,0,.035),0 8.4px 24.1px rgba(0,0,0,.046),0 28px 80px rgba(0,0,0,.07)}.App .smallWrapper .right .box.active{visibility:visible;z-index:auto;opacity:1;transform:scale(1) translateY(0);border-radius:6px;width:100%;flex-basis:100%;transition:.5s;border-radius:px}.About{width:100vw;display:flex;justify-content:center}.About .mainWrapper{width:95%;padding:20px 16px;min-height:200px}.About .mainWrapper .bigHead{animation:fadeUpShow .75s;margin-left:20px;display:block}.About .mainWrapper .pg{display:block;font-size:140%;animation:fadeUpShow .75s 10ms}.Themer{z-index:99999;position:fixed;left:7%;bottom:7%;background:#fff;border-radius:999999px;width:50px;height:50px;box-shadow:0 1.3px 3.6px rgba(0,0,0,.024),0 3.5px 10px rgba(0,0,0,.035),0 8.4px 24.1px rgba(0,0,0,.046),0 28px 80px rgba(0,0,0,.07)}.Themer:not(.open){display:flex;justify-content:center;align-items:center}.Themer.open .themeIcon,.Themer:not(.open) .themes{display:none}.Themer .themes{border:2px solid #fff;width:100%;height:100%;border-radius:9999999999999px;display:flex;align-items:center;justify-content:flex-start}.Themer .themes span{display:block;height:100%;flex:1}.Themer .themes span:first-child{border-radius:999999px 0 0 999999px}.Themer .themes span:last-child{border-radius:0 999999px 999999px 0}.Lab{width:100vw;display:flex;flex-direction:column;align-items:center;animation:fadeUpShow .5s}@keyframes showTitle{0%{transform:translateY(-10px);opacity:.7}to{transform:translateY(0);opacity:.9}}@keyframes fadeUpShow{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}code{font-family:monospace;font-size:100%}tag{position:relative;cursor:pointer}tag,tag:before{transition:.45s}tag:before{border-radius:999px;z-index:-1;content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(89deg,#00a2f7 38%,#00c3e2);opacity:.8}tag:hover:before{opacity:1}[link]{color:var(--tc);text-decoration:none;transition:.5s;font-size:80%}[link]:hover{color:rgba(7,121,228,.6)}
/*# sourceMappingURL=/src.385b2bbe.css.map */