body,html{box-sizing:border-box;cursor:default;margin:0;padding:0}a{color:#000;text-decoration:none}p{margin:0}.Main{background-image:url(/static/media/bg.3e41fe70753474450d62.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden;position:relative;width:100vw}.Main .main-screen{align-content:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;height:calc(100vh - 40px);width:100%;z-index:-1}.Main .Icon.descTop{align-items:center;cursor:default;display:flex;flex-direction:column;height:70px;justify-content:center;margin:0;position:absolute;width:70px}.Main .Icon.descTop span{color:#fff;font-size:15px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.Main .Icon.descTop span.iconTitle{font-size:11px;white-space:pre-line;width:auto}.Main .Icon.bg{background-color:rgba(37,97,217,.8)}.Taskbar-wrap{bottom:0;height:40px;justify-content:space-between;position:absolute;z-index:1000}.Taskbar-wrap,.Taskbar-wrap .taskbar{align-items:center;display:flex;width:100%}.Taskbar-wrap .taskbar{background:linear-gradient(#1f2f86,#3165c4 3%,#3682e5 6%,#4490e6 10%,#3883e5 12%,#2b71e0 15%,#2663da 18%,#235bd6 20%,#2258d5 23%,#2157d6 38%,#245ddb 54%,#2562df 86%,#245fdc 89%,#2158d4 92%,#1d4ec0 95%,#1941a5 98%);gap:2px;height:inherit;justify-content:flex-start;padding:0 5px}.Taskbar-wrap .start-btn{align-items:center;background:linear-gradient(#2c672c 1%,#4acb4a 6%,#52d752 10%,#39ad39 14%,#26a626 19%,#3ab73a 63%,#49af49 81%,#49af49 88%,#39a65d 91%,#3e945b 94%,#3cad62 97%,#42b769);cursor:default;display:flex;gap:5px;height:inherit;justify-content:center;min-width:90px}.Taskbar-wrap .start-btn:hover{opacity:.8}.Taskbar-wrap .start-btn:active{box-shadow:inset 3px 3px 15px #219500}.Taskbar-wrap .start-btn span{color:#fff;font-weight:700}.Taskbar-wrap .DateWrap{background:linear-gradient(#0c59b9 1%,#139ee9 6%,#18b5f2 10%,#139beb 14%,#1290e8 19%,#0d8dea 63%,#0d9ff1 81%,#0f9eed 88%,#119be9 91%,#1392e2 94%,#137ed7 97%,#095bc9);color:#fff;cursor:default;display:flex;flex-direction:column;font-size:.8rem;height:inherit;justify-content:center;min-width:150px;text-align:center}.Start-menu{border-radius:10px 10px 0 0;bottom:40px;box-shadow:1px 1px #2561d9;display:flex;flex-direction:column;height:600px;overflow:hidden;position:absolute;width:440px;z-index:1000}.Start-menu .Icon{align-items:center;cursor:default;display:flex;font-weight:700;height:40px;padding:5px}.Start-menu .menu-box{align-items:center;display:flex;width:100%}.Start-menu .menu-box.top{background-image:linear-gradient(180deg,#2561d9,#326adc,#3e73df,#4a7ce1,#5585e3);height:100px}.Start-menu .menu-box.top .Icon.menu{border-radius:10px;color:#fff;font-size:30px;font-weight:700;gap:20px;margin-left:30px}.Start-menu .menu-box.top .Icon.menu img{background-color:#fff;border-radius:10px;width:70px}.Start-menu .menu-box.bottom{background-image:linear-gradient(0deg,#2561d9,#326adc,#3e73df,#4a7ce1,#5585e3);display:flex;height:80px;justify-content:flex-end}.Start-menu .menu-box.bottom .Icon.menu{-webkit-animation:imgBrightness .5s linear infinite;animation:imgBrightness .5s linear infinite;border-radius:10px;color:#fff;gap:10px;margin-right:40px}.Start-menu .menu-box.bottom .Icon.menu:hover{-webkit-animation:none;animation:none;background-color:#2561d9}.Start-menu .icon-wrapper{display:flex;flex:1 1}.Start-menu .icon-wrapper .icon-wrap{display:flex;flex-direction:column;height:100%;width:50%}.Start-menu .icon-wrapper .icon-wrap .Icon:hover{background-color:#2561d9;color:#fff}.Start-menu .icon-wrapper .icon-wrap.left{background-color:#fff;position:relative}.Start-menu .icon-wrapper .icon-wrap.left .all-project{bottom:0;cursor:default;left:0;margin:0;position:absolute;right:0}.Start-menu .icon-wrapper .icon-wrap.left .all-project .Icon.menu{flex-direction:row-reverse;font-size:15px;gap:10px;justify-content:center}.Start-menu .icon-wrapper .icon-wrap.left .all-project .Icon.menu img{width:15px}.Start-menu .icon-wrapper .icon-wrap.left .all-project .line{background:linear-gradient(90deg,transparent,#d2d2d2 50%,transparent);border:0;height:2px;margin:3px;width:100%}.Start-menu .icon-wrapper .icon-wrap.right{background-color:#a6bbd6}.SubMenu{background-color:#fff;bottom:120px;box-shadow:2px 2px 5px 0 #000;height:550px;left:220px;position:absolute;width:240px;z-index:1001}.SubMenu .Icon.menu{align-items:center;display:flex;gap:5px;padding:5px}.SubMenu .Icon.menu:hover{background-color:#095bc9;color:#fff}.SubMenu .Icon.menu:active{box-shadow:inset 1px 1px 2px 0 #000}.Logoff{background-color:rgba(0,0,0,.5);height:100%;position:absolute;top:0;width:100%;z-index:10000}.Logoff .off-wrap{color:#fff;height:300px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px}.Logoff .off-wrap .bottom,.Logoff .off-wrap .top{background:linear-gradient(90deg,#05319d,#3634ae);height:25%;width:100%}.Logoff .off-wrap .top{align-items:center;display:flex;justify-content:space-between}.Logoff .off-wrap .top span{margin-left:10px}.Logoff .off-wrap .top img{margin-right:10px}.Logoff .off-wrap .bottom{align-items:center;display:flex;justify-content:flex-end}.Logoff .off-wrap .bottom button{margin-right:30px;width:100px}.Logoff .off-wrap .main{align-items:center;background:linear-gradient(90deg,#5c7fdd,#8faff0,#7193e6);cursor:default;display:flex;height:50%;justify-content:center;width:100%}.Logoff .off-wrap .main .off{align-items:center;display:flex;flex-direction:column;gap:10px}.Logoff .off-wrap .main .off:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.Logoff .off-wrap .main .off:hover span{text-decoration:underline}.Logoff .off-wrap .main .off:active img{-webkit-filter:brightness(.8);filter:brightness(.8)}.Logoff .off-wrap .main .off:active span{text-decoration:none}.WindowForm{height:650px;position:absolute;width:900px;z-index:1}.WindowForm.hide{display:none}.titleWrap{align-items:center;background:linear-gradient(#0058ee,#3593ff 4%,#288eff 6%,#127dff 8%,#036ffc 10%,#0262ee 14%,#0057e5 20%,#0054e3 24%,#0055eb 56%,#005bf5 66%,#026afe 76%,#0062ef 86%,#0052d6 92%,#0040ab 94%,#003092);border-radius:5px 5px 0 0;display:flex;height:35px;justify-content:space-between;width:100%}.titleWrap.out{background:linear-gradient(#7697e7,#7e9ee3 3%,#94afe8 6%,#97b4e9 8%,#82a5e4 14%,#7c9fe2 17%,#7996de 25%,#7b99e1 56%,#82a9e9 81%,#80a5e7 89%,#7b96e1 94%,#7a93df 97%,#abbae3)}.title{color:#fff;font-weight:700;gap:5px;margin-left:5px}.control-buttons,.title{align-items:center;display:flex}.control-buttons{gap:3px;margin-right:5px}.control-buttons img:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.control-buttons img:active{-webkit-filter:brightness(100%);filter:brightness(100%)}.window-body{border:5px solid #2561d9;border-top:none;display:flex;flex-direction:column;height:calc(100% - 35px);overflow:hidden}.window-body.out{border:5px solid #7587dd;border-top:none}.Toolbar{background-color:beige;height:125px;width:100%}.Toolbar .top{align-items:center;border-bottom:1px solid #ddd;display:flex;height:35px;justify-content:space-between}.Toolbar .top span{border:2px solid transparent;cursor:default;display:inline-block;height:100%;padding:4px 3px}.Toolbar .top span:hover{border-left:2px solid #ddd;border-top:2px solid #ddd;box-shadow:1px 1px 1px 0 #ddd}.Toolbar .top span:active{box-shadow:inset 1px 1px 1px 0 #000}.Toolbar .top img{height:100%;z-index:1}.Toolbar .bottom{align-items:center;border-bottom:1px solid #aaa;display:flex;gap:10px;height:45px;padding:5px 0}.Toolbar .bottom .back-forward{align-items:center;display:flex;margin-left:5px}.Toolbar .bottom .back-forward img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.Toolbar .bottom .back-forward .arrow{margin-left:10px}.Toolbar .bottom .search-folder{align-items:center;border-left:1px solid #ddd;border-right:1px solid #ddd;display:flex;padding:0 10px}.Toolbar .bottom .search-folder .folders{display:inline-block;margin-left:10px}.Toolbar .search{align-items:center;display:flex;height:30px;justify-content:space-between;padding:0 5px}.Toolbar .search .search-address{align-items:center;color:gray;display:flex;font-size:15px;height:100%}.Toolbar .search .search-bar{align-items:center;display:flex;flex:1 1;height:100%;justify-content:space-between;margin:0 5px}.Toolbar .search .search-bar .search-text{align-items:center;background-color:#fff;border:1px solid #ddd;display:flex;flex:1 1;font-size:16px;height:100%;padding:0 5px}.Toolbar .search .search-bar .search-text img{margin-right:5px}.Toolbar .search .search-bar .down-img{height:100%}.Toolbar .search .go-button{align-items:center;-webkit-animation:imgBrightness .8s linear infinite;animation:imgBrightness .8s linear infinite;cursor:pointer;display:flex;height:100%}.Toolbar .search .go-button img{height:100%}@-webkit-keyframes imgBrightness{0%{-webkit-filter:brightness(100%);filter:brightness(100%)}50%{-webkit-filter:brightness(150%);filter:brightness(150%)}to{-webkit-filter:brightness(100%);filter:brightness(100%)}}@keyframes imgBrightness{0%{-webkit-filter:brightness(100%);filter:brightness(100%)}50%{-webkit-filter:brightness(150%);filter:brightness(150%)}to{-webkit-filter:brightness(100%);filter:brightness(100%)}}.FormMain-wrap{background-color:#fff;display:flex;flex-grow:1;overflow:auto;width:100%}.FormMain-wrap .main-left{background:linear-gradient(#748aff,#4057d3);display:flex;flex-direction:column;padding:10px;width:200px}.FormMain-wrap .main-left .accordion-wrap{overflow:hidden;width:100%}.FormMain-wrap .main-left .accordion-title{align-items:center;background:linear-gradient(90deg,#f0f0ff,#f0f0ff 30%,#a8bcff);border-radius:5px 5px 0 0;color:#2561d9;display:flex;font-size:15px;font-weight:700;gap:20px;height:30px;justify-content:space-between;padding:0 10px;z-index:1}.FormMain-wrap .main-left .content-wrapper{overflow:hidden}.FormMain-wrap .main-left .accordion-content{background:linear-gradient(90deg,#b4c8fb,#a4b9fb 50%,#b4c8fb) rgba(198,211,255,.87);display:flex;flex-direction:column;gap:10px;opacity:0;padding:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);width:200px}.FormMain-wrap .main-left .accordion-content.on{border-radius:0 0 5px 5px;height:auto;opacity:1;padding:5px 10px;-webkit-transform:translateY(0);transform:translateY(0)}.FormMain-wrap .main-left .accordion-content .Icon.side{align-items:center;cursor:pointer;display:flex;gap:5px;width:100%}.FormMain-wrap .main-left .accordion-content .Icon.side img{width:30px}.FormMain-wrap .main-left .accordion-content .Icon.side span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 50px)}.FormMain-wrap .main-left .accordion-content .Icon.side:hover span{text-decoration:underline;text-underline-offset:3px}.FormMain-wrap .main-right{align-items:center;display:flex;flex-direction:column;gap:50px;overflow-y:auto;padding:10px;width:100%}.FormMain-wrap .main-right .content{align-items:center;border-radius:20px;box-shadow:3px 3px 5px #2561d9;display:flex;justify-content:center;padding:20px 30px;text-align:center;width:80%}.FormMain-wrap .main-right .content.form-title{font-size:35px;font-weight:700;height:100px}.FormMain-wrap .main-right .content.img{height:300px}.FormMain-wrap .main-right .content.img.on{height:500px}.FormMain-wrap .main-right .content.img.on .Slide{gap:100px}.FormMain-wrap .main-right .content.img.on .Slide .slide-content-wrap{width:550px}.FormMain-wrap .main-right .content.img.on .Slide .slide-content-wrap img{height:400px;width:500px}.FormMain-wrap .main-right .content.skill{display:flex;flex-wrap:wrap;gap:20px}.FormMain-wrap .main-right .content.skill img{border-radius:20px;height:3em}.FormMain-wrap .main-right .content.desc{align-items:flex-start;flex-direction:column;font-size:20px;text-align:left}.Slide{align-items:center;display:flex;justify-content:center}.Slide .slide-btn{color:#2561d9;font-size:50px}.Slide .slide-content-wrap{overflow:hidden;width:450px}.Slide .slide-content-wrap .slide-content{display:flex;transition:.5s}.Slide .slide-content-wrap img{height:300px;margin:0 25px;width:400px}.main-right::-webkit-scrollbar{width:16px}.main-right::-webkit-scrollbar-thumb{background-color:#c8d6fb;background-position:50%;background-repeat:no-repeat;background-size:7px;border:1px solid #fff;border-radius:2px;box-shadow:inset -3px 0 #bad1fc,inset 1px 1px #b7caf5}.main-right::-webkit-scrollbar-thumb:active{background-color:#aec3fd}.main-right::-webkit-scrollbar-track{background-color:#eee}.main-right::-webkit-scrollbar-button:start:decrement{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAYAAACEnoQPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGqSURBVDhPnZS7SgNREIZnz94MImkt7H2n1CqCINj5CBYWMWAawTL4ElY2YmNhI9gJdlariJjL+v2TPdlErPKTP2d2ztx3kuT+uaqf3sySxPgyCzobFPqqXWzBfT0x291BvLqt6nFqNkVZBC6gUOKUIud/nCfYzcZmH19KxIMckxxHWGRz1iWOPAcCRBYkKbBNOV2nMvQgJCjQODP0MswIEKlEOXd5Yy/TtRE0oJS+MsLUM7Of6ZwLoNO9GMv37EzTnVWGBiR2kUUNqn8x8vL5rFCD9GDI/2I4GPl53pz/Iaj3hNIivnmH0TFCAdSKbCPVpr8qL6EJcD1sHY+Peo1kNrgc+dtwekZ81JOg7MuO+wc9z3Z60gY4648sZwd8RpwrPe8dzg3luIwYYDmQkNzcVbVWTpip/FgJZ9eXu0UgW0ZWVfv+2WROefDe1U8jayAJwdRfpHTaNG1kiezO6yJMiC4oaoeytogqbiAbVBWlMkENqoNdSfYCBmtWUSvn6ycl1FTloCBBq+jrSDAoXdlBfnip6sdXT+I9L/4MOOPq+q8NqE9llOP2ptkvtu5d0zja6pcAAAAASUVORK5CYII=)}.main-right::-webkit-scrollbar-button:end:increment{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAYAAACEnoQPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGxSURBVDhPnZK9SgNREIXnbqIE7bQUfAMLXyelZQqxsPARtBICghorizyGWvsA/rRiYWtE1+xm93q+2d2wEQLigcO9d+78z4SHl0l8+zSbpmZZrrM0R9SZF2Zl5FHJuBeSz3Tf3TYLN4+TuNEz+5ZkKuMiVIpolFLMRE4X1fep/orMLCEihkTio5QQujNFznEip07956KjI2NPVUz5kDIGMJKqDHHyoTdMdSc66CrDpLr+DwkNKuR1puh4jURtKO8uUxaQZvlJVhhTq6dSK5wMxxZUD3xX7RjQ5YuLsUXlyd0ngHF1VDg+HS+cDUaX1fvqfFGe0HYaRVePDvq1uHKwquiNIdgb9D06mCl6uL7TnNcrAUjlaHi2GAFgOId0umJCvTrnJNrhfktRGOjd69YPgejoLh1V4wDDZQij20ncXJOXX258HJJp7e1L/WgjaKwrpJ1rHKycryYlaLa+3y1nlAKDZF6m/hnX0rT/Ajf2UckjS+KbVjPjTfr6gywUYCNZqsRT1QPFTGeTPszlIEwlV82QWqPYkS6Bwv3TJD6/6sIoiNKGalNL5vC1rA13tsx+ALp2FOhHvH8RAAAAAElFTkSuQmCC)}.window-tab{align-items:center;background-color:#3c81f3;border-radius:3px;box-shadow:inset -1px 0 rgba(0,0,0,.3),inset 1px 1px 1px hsla(0,0%,100%,.2);cursor:default;display:flex;flex:1 1;gap:10px;height:80%;margin-top:2px;max-width:200px;min-width:100px;padding:0 1px}.window-tab.on{background-color:#1e52b7;box-shadow:inset 0 0 1px 1px rgba(0,0,0,.2),inset 1px 0 1px rgba(0,0,0,.7)}.window-tab span{color:#fff;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Iframe{background-color:#fff;overflow:hidden}.Iframe,.Readme{height:100%;width:100%}.Readme{background-color:#353535;color:#fff;font-size:40px;font-weight:500;padding:30px}.Readme .info{margin-left:50px}.Readme .info .skill{margin-left:70px}.Readme .contact{margin-left:50px}.Readme .let{color:#3482b9;margin-right:10px}.Readme .white{color:#fff}.Readme .flicker{-webkit-animation:flicker 1s step-end infinite;animation:flicker 1s step-end infinite}@-webkit-keyframes flicker{50%{opacity:0}}@keyframes flicker{50%{opacity:0}}.TodoForm{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;overflow:auto;padding-bottom:20px;width:100%}.CreateTodo{margin-bottom:20px;text-align:center;width:60%}.CreateTodo .todoInput{border:none;border-bottom:1px solid #eee;font-size:15px;height:30px;outline:none;width:50%}.CreateTodo .todoInput:focus{border-bottom:1px solid #2561d9}.boxWrap{display:flex;gap:20px;justify-content:center;margin-top:20px}.Badge{border:1px solid #000;border-radius:10px;display:inline-block;font-weight:700;height:100%;max-width:150px;padding:5px;width:100%}.Badge.badge1{background-color:#000;border-color:#000;color:#fff}.Badge.badge1.on{border:none;font-size:12px;width:70%}.Badge.badge2{background-color:gold;border-color:gold;color:#fff}.Badge.badge2.on{border:none;font-size:12px;width:70%}.Badge.badge3{background-color:red;border-color:red;color:#fff}.Badge.badge3.on{border:none;font-size:12px;width:70%}.listWrap{display:flex;flex-direction:column;gap:20px;justify-content:center;width:95%}.listWrap.on{flex-direction:row;width:calc(100% - 20px)}.listWrap.on .TodoList{display:inline-block;height:-webkit-min-content;height:min-content;min-width:-webkit-min-content;min-width:min-content;width:100%}.TodoList{background-color:rgba(37,97,217,.5);border-radius:10px;box-shadow:1px 1px 5px #000;min-height:100px;padding:20px}.TodoList h2{border-bottom:1px dotted #fff;color:#fff;display:flex;justify-content:space-between;padding-bottom:5px}.todoWrap{border-bottom:1px solid #2561d9;gap:10px;height:auto;margin-bottom:5px;padding:10px;position:relative}.todoWrap,.todoWrap .dateWrap{align-items:center;display:flex}.todoWrap .dateWrap{flex-direction:column;gap:5px;margin-right:10px;text-align:center}.todoWrap .date{font-weight:700}.todoWrap .todoText{display:block;flex:1 1;height:100%;min-width:0;white-space:normal}.todoWrap .done{color:hsla(0,0%,93%,.5);text-decoration:line-through}.todoWrap .buttons{display:flex;flex-direction:column;gap:2px;width:70px}.todoWrap button{border:none;border-radius:5px;cursor:pointer;flex:1 1;height:30%;margin-left:5px;padding:1px;width:calc(100% - 10px)}.todoWrap button img{width:20px}.todoWrap button:hover{background-color:hsla(0,0%,93%,.7)}.todoWrap button:active{box-shadow:inset 1px 1px 2px #000}.correction{display:none}.correction.on{display:block}.correction .input-wrap{display:flex}.correction .input-wrap input{border:none;flex:1 1;font-size:20px;outline:none;padding:5px 0}.correction .input-wrap input::-webkit-input-placeholder{font-size:15px}.correction .input-wrap input::placeholder{font-size:15px}.correction .input-wrap button{background-color:#095afc;border:none;color:#fff;padding:5px 0;width:100px}.correction .badge-wrap{margin-top:10px;text-align:center;width:100%}.correction .badge-wrap .Badge{margin-right:5px;width:100px}.TodoForm::-webkit-scrollbar{width:16px}.TodoForm::-webkit-scrollbar-thumb{background-color:#c8d6fb;background-position:50%;background-repeat:no-repeat;background-size:7px;border:1px solid #fff;border-radius:2px;box-shadow:inset -3px 0 #bad1fc,inset 1px 1px #b7caf5}.TodoForm::-webkit-scrollbar-thumb:active{background-color:#aec3fd}.TodoForm::-webkit-scrollbar-track{background-color:#eee}.TodoForm::-webkit-scrollbar-button:start:decrement{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAYAAACEnoQPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGqSURBVDhPnZS7SgNREIZnz94MImkt7H2n1CqCINj5CBYWMWAawTL4ElY2YmNhI9gJdlariJjL+v2TPdlErPKTP2d2ztx3kuT+uaqf3sySxPgyCzobFPqqXWzBfT0x291BvLqt6nFqNkVZBC6gUOKUIud/nCfYzcZmH19KxIMckxxHWGRz1iWOPAcCRBYkKbBNOV2nMvQgJCjQODP0MswIEKlEOXd5Yy/TtRE0oJS+MsLUM7Of6ZwLoNO9GMv37EzTnVWGBiR2kUUNqn8x8vL5rFCD9GDI/2I4GPl53pz/Iaj3hNIivnmH0TFCAdSKbCPVpr8qL6EJcD1sHY+Peo1kNrgc+dtwekZ81JOg7MuO+wc9z3Z60gY4648sZwd8RpwrPe8dzg3luIwYYDmQkNzcVbVWTpip/FgJZ9eXu0UgW0ZWVfv+2WROefDe1U8jayAJwdRfpHTaNG1kiezO6yJMiC4oaoeytogqbiAbVBWlMkENqoNdSfYCBmtWUSvn6ycl1FTloCBBq+jrSDAoXdlBfnip6sdXT+I9L/4MOOPq+q8NqE9llOP2ptkvtu5d0zja6pcAAAAASUVORK5CYII=)}.TodoForm::-webkit-scrollbar-button:end:increment{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAYAAACEnoQPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGxSURBVDhPnZK9SgNREIXnbqIE7bQUfAMLXyelZQqxsPARtBICghorizyGWvsA/rRiYWtE1+xm93q+2d2wEQLigcO9d+78z4SHl0l8+zSbpmZZrrM0R9SZF2Zl5FHJuBeSz3Tf3TYLN4+TuNEz+5ZkKuMiVIpolFLMRE4X1fep/orMLCEihkTio5QQujNFznEip07956KjI2NPVUz5kDIGMJKqDHHyoTdMdSc66CrDpLr+DwkNKuR1puh4jURtKO8uUxaQZvlJVhhTq6dSK5wMxxZUD3xX7RjQ5YuLsUXlyd0ngHF1VDg+HS+cDUaX1fvqfFGe0HYaRVePDvq1uHKwquiNIdgb9D06mCl6uL7TnNcrAUjlaHi2GAFgOId0umJCvTrnJNrhfktRGOjd69YPgejoLh1V4wDDZQij20ncXJOXX258HJJp7e1L/WgjaKwrpJ1rHKycryYlaLa+3y1nlAKDZF6m/hnX0rT/Ajf2UckjS+KbVjPjTfr6gywUYCNZqsRT1QPFTGeTPszlIEwlV82QWqPYkS6Bwv3TJD6/6sIoiNKGalNL5vC1rA13tsx+ALp2FOhHvH8RAAAAAElFTkSuQmCC)}.Lotto{align-items:center;background-color:#fff;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;overflow-y:scroll;width:100%}.Lotto .inputs{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(9,1fr)}.Lotto .inputs input{display:none}.Lotto .inputs label{align-items:center;border:1px solid #000;display:flex;justify-content:center;padding:5px}.Lotto .inputs input:checked+label{background-color:red;color:#fff}.Lotto button{border:none;border-radius:10px;margin-left:10px;padding:10px}.Lotto button:hover{background-color:#ddd}.Lotto button:active{background-color:#eee}.Lotto .result{display:flex;gap:5px}.Lotto .Ball{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;padding:5px;width:30px}.Lotto .color1{background-color:#f2b720;color:#fff}.Lotto .color2{background-color:#4072ac;color:#fff}.Lotto .color3{background-color:#de4c0e;color:#fff}.Lotto .color4{background-color:#9195a4;color:#fff}.Lotto .color5{background-color:#13be4b;color:#fff}.StartPage{height:100vh;width:100vw}.pageBottom,.pageTop{background:linear-gradient(90deg,#05319d,#3634ae);height:10%;width:100%}.pageMain{background:linear-gradient(90deg,#5c7fdd,#8faff0,#7193e6);display:flex;height:80%;justify-content:center;overflow:hidden;position:relative;width:100%}.pageMain .left,.pageMain .right{width:50%}.pageMain .left{align-items:flex-end;border-right:1px solid hsla(0,0%,100%,.6);display:flex;flex-direction:column;gap:30px;justify-content:center}.pageMain .left p{color:#fff;font-weight:600;text-align:right;width:300px}.pageMain .right{display:flex;flex-direction:column;gap:20px;justify-content:center}.pageMain .right .linkWrap{align-items:center;cursor:pointer;display:flex;gap:20px;margin-left:50px;width:170px}.pageMain .right .linkWrap img{background-color:#2561d9;border:3px solid #fff;border-radius:5px}.pageMain .right .linkWrap span{color:#fff;font-size:20px;font-weight:700}.Preview{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.Preview .test{margin:100px;width:100px}.Preview button{z-index:100}.Logo,p{margin-right:50px}.Logo{color:#fff}.Logo .logo-wrap{margin-bottom:5px}.Logo .logo-wrap span{margin-right:10px}.Logo .title-wrap{font-size:40px;font-weight:700;position:relative}.Logo .title-wrap .xp{color:orange;font-size:30px;position:absolute;top:-20px}.Loading{background-image:url(/static/media/bg.3e41fe70753474450d62.jpg);height:100vh;overflow:hidden;width:100vw}.loading-wrap{align-items:center;-webkit-animation:back 3s ease-in-out 1s;animation:back 3s ease-in-out 1s;background-color:#000;display:flex;flex-direction:column;gap:200px;height:100%;justify-content:center;width:100%}.loading-wrap .Logo{scale:2;text-align:center}.loading-animate{border:1px solid #fff;border-radius:10px;color:#fff;height:30px;overflow:hidden;padding:5px 0;position:relative;width:250px}.loading-animate .block-wrap{-webkit-animation:loading 1.5s linear infinite;animation:loading 1.5s linear infinite;display:flex;gap:2px;height:100%;left:100%;position:relative}.loading-animate .block-wrap .block{background:linear-gradient(0deg,#2561d9,#2561d9,#4b81ec,#8eb2fa,#2561d9,#2561d9);border-radius:3px;height:100%;width:15px}@-webkit-keyframes loading{0%{left:-60px}to{left:100%}}@keyframes loading{0%{left:-60px}to{left:100%}}@-webkit-keyframes back{0%{opacity:1}to{opacity:0}}@keyframes back{0%{opacity:1}to{opacity:0}}.End{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.End .Logo{scale:1.5}.End h1{color:#fff;margin:50px 0}.Contact{background:linear-gradient(90deg,#5c7fdd,#8faff0,#7193e6);height:100vh;width:100%}.Contact .pageMain{align-items:center;flex-direction:column}.Contact .pageMain h1{color:#fff;font-size:3rem;margin:0}.Contact .pageMain .contact-wrap{color:#fff;display:flex;gap:20px;height:70%;padding:20px;width:60%}.Contact .pageMain .contact-wrap .desc{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:50%}.Contact .pageMain .contact-wrap .desc span{font-size:24px;font-weight:700;text-align:center}.Contact .pageMain .contact-wrap .desc img{margin-bottom:50px;width:50%}.Contact .pageMain .contact-wrap .input-wrap{width:50%}.Contact .pageMain .contact-wrap .input{display:flex;flex-direction:column;margin-bottom:15px}.Contact .pageMain .contact-wrap .input label{margin-bottom:5px}.Contact .pageMain .contact-wrap .input button,.Contact .pageMain .contact-wrap .input input,.Contact .pageMain .contact-wrap .input textarea{border:none;border-radius:5px;font-size:15px;outline:none;padding:5px}.Contact .pageMain .contact-wrap .input textarea{height:100px;resize:none}.Contact .pageMain .contact-wrap .input button{background-color:#fff;margin-top:5px}.Contact .pageMain .contact-wrap .input button:active{box-shadow:inset 1px 1px 5px #555}.Contact .pageMain .contact-wrap .input button:hover{background-color:hsla(0,0%,100%,.8)}
/*# sourceMappingURL=main.ba8aa29f.css.map*/