@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";body{margin:0;font-family:"Press Start 2P";font-weight:400;background-color:#000;color:#fff}.App{position:fixed;z-index:1;overflow:hidden;height:100%;width:100%;padding-left:20px}.App::before,.App:after{background-color:#0075ff;width:1460px;height:1460px;background:rgba(0,117,255,.4);z-index:-1;filter:blur(445.5px)}.App::before{content:"";display:block;position:fixed;top:0;left:0;transform:translate(-50%, -100%)}.App:after{content:"";display:block;position:fixed;bottom:0;right:0;transform:translate(50%, 100%)}.App__CommonWrapper{max-width:1800px;height:100%;display:flex;margin:0 auto;flex-wrap:wrap;justify-content:space-between}.App__Sidebar{width:calc(40% - 100px);display:flex;flex-direction:column;justify-content:space-between;padding:40px 0px}@media screen and (max-width: 1700px){.App__Sidebar{width:calc(40% - 50px)}}@media screen and (max-width: 1200px){.App__Sidebar{width:calc(40% - 30px)}}@media screen and (max-width: 980px){.App__Sidebar{width:calc(40% - 20px)}}@media screen and (max-width: 940px){.App{overflow-y:auto}.App__Sidebar{flex-direction:row;width:100%}.App__CommonWrapper{flex-direction:column;height:auto}.App__Content{margin-top:30px;width:100%}}
@keyframes slidein{from{width:0;left:0}50%{width:100%;left:0}to{width:0;left:100%}}.Menu{position:relative;overflow:hidden;flex-shrink:0}.Menu:before{content:"";position:absolute;top:50px;width:1px;height:calc(100% - 100px);border-left:1px dashed hsla(0,0%,100%,.2)}.Menu:after{font-size:38px;content:"}"}.Menu__Title{font-size:38px}.Menu__Title:after{content:"{"}.Menu__Items{padding:20px 0;width:max-content}.Menu__Item{position:relative;font-size:18px;margin-left:0;transition:padding .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Menu__Item:not(.active){width:min-content}.Menu__Item a{margin:0;display:inline-block}.Menu__Item span{padding:20px 40px;display:inline-block;position:relative;transition:all .5s}.Menu__Item span::before{content:"";position:absolute;height:100%;width:0;top:0;left:0;background:rgba(0,117,255,.1);transition:.5s}.Menu__Item:before{content:"";position:absolute;height:100%;width:0;top:0;left:0;background:rgba(0,117,255,.1);transition:.5s}.Menu__Item:after{content:"";position:absolute;top:0;left:0;height:100%;width:0px;background:#0075ff;transition:.3s}.Menu__Item:hover{cursor:pointer}.Menu__Item:hover span{padding-right:30px;padding-left:50px}.Menu__Item:hover span:before{animation-duration:.5s;animation-name:slidein}.Menu__Item.active::before{width:100%;animation:none}.Menu__Item.active::after{width:5px}.Menu__Item.active span::before{opacity:0}@media screen and (max-width: 1550px){.Menu__Title,.Menu:after{font-size:32px}}@media screen and (max-width: 1300px){.Menu__Title,.Menu:after{font-size:26px}.Menu__Item{font-size:16px}.Menu__Items{padding:10px 0}.Menu::before{top:40px;height:calc(100% - 80px)}}@media screen and (max-width: 1100px){.Menu__Title,.Menu:after{font-size:22px}.Menu__Item{font-size:14px}.Menu::before{top:35px;height:calc(100% - 70px)}}@media screen and (max-width: 360px){.Menu__Title{font-size:20px}}
.CommandLine{width:100%;border:1px solid #fff;margin-top:65px;border:1px solid rgba(0,117,255,.35);background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-grow:1}.CommandLine__Title{background-color:rgba(217,217,217,.06);padding:11px 27px}.CommandLine__StageContainer{width:100%;height:200px;padding:12px;line-height:1.8}@media screen and (max-width: 1200px){.CommandLine{font-size:14px}}@media screen and (max-width: 940px){.CommandLine{flex-grow:1;width:auto;margin-left:40px;margin-top:-10px;font-size:12px}}@media screen and (max-width: 680px){.CommandLine{display:none !important}}
.Service{position:absolute;display:block;top:0;left:0;width:100%;height:100%;transition:.15s all;background:#131619;padding:48px 40px}.Service.hidden{opacity:0;visibility:hidden;display:none}.Service__Navigation{display:flex;align-items:center;gap:32px;margin-bottom:10px;width:100%;flex-wrap:wrap}.Service__Navigation__NavButton{color:#fff;font-family:"Press Start 2P";font-weight:400;font-size:16px;transition:.3s color;background:rgba(0,0,0,0);cursor:pointer}.Service__Navigation__NavButton.active{color:#4c9dff}.Service__Navigation__NavButton:hover{color:#4c9dff}.Service__Header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;width:100%;flex-wrap:wrap}.Service__Header__Button{background-color:#ffbd07 !important;color:#fff7cd}.Service__Header__ButtonWrapper{display:flex;align-items:center;gap:20px}.Service__Header__Name{font-family:"Press Start 2P";font-weight:400;font-size:16px;color:#fff;transition:.3s color}.Service__Header__CloseButton{display:flex;align-items:center;gap:20px;background:rgba(0,0,0,0);cursor:pointer}.Service__Header__CloseButton>span{font-family:"Press Start 2P";font-weight:400;font-size:16px;color:#caf6fd}.Service__Header__CloseButton:hover>span{color:#4c9dff}.Service__ImageContainerWrapper{display:flex;align-items:flex-start;flex-direction:column;gap:20px}.Service__ContentContainer{display:flex;align-items:flex-start;gap:20px;margin-bottom:60px}.Service__ImageContainer{width:220px;height:220px;background:rgba(109,124,255,.07);flex-shrink:0}.Service__ImageContainer img{width:100%;height:100%;object-fit:cover}.Service__Description{color:#fff;font-family:var(--font-mono);font-size:18px;font-weight:400;white-space:pre-line}.Service__Description img{width:100%;height:100%;object-fit:cover}.Service__Description a{text-decoration:underline}@media screen and (max-width: 1500px){.Service__Navigation{gap:10px}.Service__Navigation__NavButton{font-size:10px}}@media screen and (max-width: 960px){.Service__ContentContainer{flex-direction:column}}@media screen and (max-width: 940px){.Service{position:relative;top:-30px;left:-30px;width:calc(100% + 60px);height:calc(100% + 60px);margin-bottom:-60px}}