.loader,body,html{height:100%;width:100%;background-color:#202427}.loader .options,.loader button i{position:relative;margin-bottom:10px}.notice,pre{font-size:12px}.input button,.loader button,.logo img{transition:.3s ease-in-out}.gui-nav .navbar .nav-link,section h1{font-family:Raleway,sans-serif;color:#ddd}body,html{overflow-x:hidden;scroll-behavior:smooth;margin:0;padding:0}body{font-family:'Ubuntu Mono',monospace;color:#fff}img{max-width:100%;width:auto}.contact-form label span,.loader .options h1 span,span.red{color:#dc3727}span.cyan{color:#00e8f6}span.green{color:#00ff02}span.yellow{color:#ffa200}.examples ul li a,pre,span.white{color:#fff}pre .python-blue{color:#3879ab}pre .python-yellow{color:#fedd5a}pre .dys-sea-green{color:#56fdab}pre .dys-dark-sea-green{color:#56855c}pre .dys-sky-blue{color:#00a4ce}pre .dys-turquoise{color:#007b72}pre .dys-hot-pink{color:#e35e94}pre .dys-orchid{color:#9f5592}pre .dys-gray{color:#6b786a}.loader{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='2600' height='1000' preserveAspectRatio='none' viewBox='0 0 2600 1000'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1168%26quot%3b)' fill='none'%3e%3crect width='2600' height='1000' x='0' y='0' fill='rgba(32%2c 36%2c 39%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c666.3C125.547%2c677.532%2c234.311%2c594.765%2c349.849%2c544.376C488.828%2c483.764%2c663.018%2c467.524%2c746.297%2c340.822C831.24%2c211.589%2c832.399%2c33.674%2c781.514%2c-112.365C733.638%2c-249.77%2c585.009%2c-314.884%2c482.014%2c-417.667C388.043%2c-511.444%2c329.861%2c-652.186%2c202.622%2c-690.066C75.295%2c-727.972%2c-49.452%2c-636.383%2c-180.557%2c-614.921C-335.448%2c-589.566%2c-518.337%2c-654.504%2c-637.639%2c-552.517C-756.923%2c-450.545%2c-751.533%2c-266.557%2c-770.315%2c-110.755C-788.712%2c41.855%2c-839.009%2c218.527%2c-745.275%2c340.356C-650.458%2c463.591%2c-454.267%2c422.875%2c-311.806%2c485.18C-199.403%2c534.339%2c-122.195%2c655.368%2c0%2c666.3' fill='%23151719'%3e%3c/path%3e%3cpath d='M2600 1929.406C2798.451 1940.234 3004.673 1994.522 3183.783 1908.384 3371.214 1818.2440000000001 3489.9139999999998 1634.31 3591.256 1452.691 3699.483 1258.732 3845.041 1043.571 3785.784 829.51 3726.507 615.377 3449.59 557.6469999999999 3298.4139999999998 394.821 3154.6549999999997 239.98400000000004 3123.384-33.02399999999989 2922.939-99.82799999999997 2722.91-166.49399999999991 2510.529-33.10699999999997 2327.267 71.15700000000004 2172.243 159.35500000000002 2088.9809999999998 321.952 1961.798 446.995 1820.344 586.0699999999999 1619.734 666.601 1537.859 847.287 1444.183 1054.016 1374.879 1310.291 1479.295 1511.809 1583.658 1713.225 1843.201 1767.629 2055.7709999999997 1846.837 2231.263 1912.229 2412.999 1919.203 2600 1929.406' fill='%232b3135'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1168'%3e%3crect width='2600' height='1000' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:cover}.loader button,.menu ul,.output{background-color:#181b1d}.loader button{border:5px solid rgba(255,255,255,.3);border-radius:15px;font-size:18px;color:#f1f1f1;margin-bottom:5px;padding:50px 75px}.help ul,.menu ul{list-style-type:none;padding:0}.loader button:hover{border:5px solid rgba(255,255,255,.4)}.loader button i{display:block;font-size:28px;color:#dc3727;top:0;transition:.2s ease-in-out}.loader button:hover>i{top:-5px}.loader .options{padding-top:10%}.loader .cli,.loader .gui{margin-bottom:16%;position:relative;opacity:0}.loader .options h1{font-family:Raleway,sans-serif;font-size:20px;color:#888;letter-spacing:.2em;line-height:1.4em;margin-bottom:50px}.loader .gui{text-align:right;right:-25px}.loader .cli{text-align:left;left:-25px}.cli-footer,.loader .footer{text-align:center;right:0;position:absolute}.loader .footer{bottom:0;left:0}.logo img{opacity:1}.logo img:hover{opacity:.7}.logo img.dys{width:150px;height:auto;margin:25px 0 10px}.logo img.exp{width:190px;height:auto;margin:25px 0 15px}.notice{font-family:Raleway,sans-serif;color:#ccc;margin-top:5px;margin-bottom:50px}.input,.output{font-family:'Ubuntu Mono',monospace}.notice span.div{color:#5e6061;padding:0 10px}.notice i{color:#dc3727;margin-right:5px}.gui-nav .navbar .nav-link:hover,.notice a{color:#f1f1f1}.notice a:hover{color:#ccc;text-decoration:none}.output{color:#fff;height:475px;overflow:auto;border-top-left-radius:10px;border-top-right-radius:10px;margin-top:5%;padding:15px}.menu{border:1px solid rgba(255,255,255,.4);margin-bottom:25px;padding:10px 0 15px 10px}.menu ul{position:relative;max-width:333px;margin:0 0 -25px}.input,.input button{background-color:rgba(0,0,0,.3)}.menu ul li{display:inline-block;padding:0 10px}.menu u{color:#dc3727;font-weight:700}.menu a{color:#999;animation:1s fadein;-moz-animation:1s fadein;-webkit-animation:1s fadein;-o-animation:1s fadein}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}.menu a:hover{text-decoration:none;color:#ccc}.help .arg{padding-left:10px}.input{border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:10px 20px}.input label{display:inline-block;color:#ccc}.input input[type=text]{display:inline-block;background-color:transparent;color:#fff;border:0;width:82%;padding-left:5px}.input input[type=text]:focus{outline:0}.input input::placeholder{color:#999}.input input::-webkit-input-placeholder{color:#999}.input input::-moz-placeholder{color:#999;opacity:1}.input input:-ms-input-placeholder{color:#999}.input input:-moz-placeholder{color:#999;opacity:1}.input button{border:0;border-radius:5px;opacity:1;padding:5px 20px}.input button:hover{opacity:.8}.input button i{color:rgba(255,255,255,.3);font-size:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.cli-footer{left:0;bottom:-160px}.modal-dialog{max-width:100%;height:100%;opacity:.6;margin:0;padding:0}.modal-content{height:auto;min-height:100%;border-radius:0}.modal-body{background-color:#000}.modal-body .close{color:#fff;font-size:72px}.modal.fade .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}#contact .modal-body,#examples .modal-body{padding:1rem 0}#examples .modal-body{margin-left:-50px}#contact .modal-body .close,#examples .modal-body .close{position:relative;right:15px}#contact .modal-body .contact-form{margin-left:35px}.examples{margin:50px}.examples .ex-overlay,section#examples .ex-overlay{width:100%;height:100%;display:block;opacity:0;position:absolute;top:50px;left:0;transition:.4s ease-in-out}.contact-form .status,.contact-form a.submit{transition:.3s ease-in-out}.examples .ex-overlay div,section#examples .ex-overlay div{position:relative;display:inline-block;top:50%;margin:-50% 5px 0 0}.examples .ex-overlay div hr,section#examples .ex-overlay div hr{border:1px solid #dc3727;width:25px;margin-bottom:25px}.examples .ex-overlay div p,section#examples .ex-overlay div p{text-transform:uppercase}.examples .ex-overlay div span,section#examples .ex-overlay div span{border:2px solid #fff;display:inline-block;color:#fff;text-decoration:none;text-transform:uppercase;padding:3px 50px 5px;transition:.3s ease-in-out}.about,.contact-form,section#examples{margin-top:50px}.about .info{max-width:900px;font-size:17px;margin:0 auto 25px}.about .exp,section .section-info,section#about .exp{margin:25px 0}.about .exp-label,section#about .exp-label{text-align:right;color:#ccc}.about .progress,section#about .progress{background-color:#40474a;margin-bottom:20px}.about .progress-bar,section#about .progress-bar{background:#99261b;background:-moz-linear-gradient(45deg,#99261b 0,#e54e33 99%);background:-webkit-linear-gradient(45deg,#99261b 0,#e54e33 99%);background:linear-gradient(45deg,#99261b 0,#e54e33 99%)}.examples ul{list-style:none;width:100%}.examples ul li{position:relative;display:inline-block;float:left;width:33%;text-align:center;padding:25px}.examples li:hover .ex-overlay,section#examples a:hover .ex-overlay{display:block;background-color:#000;opacity:.8;top:0;left:0}.contact-form input{height:50px}.contact-form input,.contact-form textarea{border-radius:5px;border:2px solid #666;box-shadow:none}.contact-form input:focus,.contact-form textarea:focus{border:2px solid #666;outline:0;box-shadow:none}.contact-form a.submit{display:block;cursor:pointer;background-color:#dc3727;color:#fff;font-size:18px;border-radius:5px;width:200px;margin:15px auto;padding:12px}.contact-form a.submit:hover{background-color:rgba(220,55,39,.9)}.toggler{position:fixed;top:27px;left:20px;z-index:100}.toggler .hamburger{width:30px;height:20px;position:relative;margin:0;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}.toggler .hamburger span{background:#dc3727;display:block;position:absolute;height:3px;width:100%;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0);-m-transform:rotate(0deg);transform:rotate(0);transition:.25s ease-in-out}.toggler .hamburger span:first-child{top:0}.toggler .hamburger span:nth-child(2),.toggler .hamburger span:nth-child(3){top:10px}.toggler .hamburger span:nth-child(4){top:20px}.toggler .hamburger.open span:first-child,.toggler .hamburger.open span:nth-child(4){top:11px;width:0%;left:50%}.toggler .hamburger.open span:nth-child(2){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.toggler .hamburger.open span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.toggle-overlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:15;background:#000;opacity:.5;transition:.3s ease-in-out}.gui-nav,section .hr-btm{background-repeat:no-repeat}.gui-nav-drawer .wrapper{background-color:#151719;position:fixed;top:0;left:0;width:0;height:100%;z-index:20;overflow:auto;transition:.3s ease-in-out}.gui-nav-drawer .nav-open{display:block;width:300px;z-index:20}.gui-nav-drawer .nav{display:block;width:300px;text-align:center;margin-top:100px}.gui-nav-drawer .nav li{list-style:none;padding:8px 0}.gui-nav-drawer .nav li>a{color:#ccc;font-family:Raleway,sans-serif;font-size:20px;letter-spacing:.1em;transition:.3s ease-in-out}.gui-nav-drawer .nav li>a:hover{color:#f1f1f1;text-decoration:none}.gui-nav{background-image:url('../img/top-bg.svg');background-position:top;height:300px;padding:25px 0 0}.gui-nav .logo img.dys{width:150px;height:auto;margin-top:20px}.gui-nav .logo img.exp{width:190px;height:auto;margin-top:25px}.gui-nav .navbar{margin-top:15px}.gui-nav .nav-item{padding:0 15px}.gui-nav .navbar .nav-link{font-size:15px;letter-spacing:.2em;transition:.3s ease-in-out}.gui-nav .navbar .nav-link:after{content:"";display:block;border-bottom:2px solid #dc3727;width:0;top:0;position:relative;margin:auto;padding-bottom:3px;transition:.3s ease-in-out}.gui-nav .navbar .nav-link:hover:after{width:100%}section h1{font-size:32px}section .hr-btm{position:relative;background-image:url('../img/hr-btm.png');width:48px;height:13px;margin:auto;top:-8px;left:0}section .info{font-size:18px;color:#ccc;padding:15px 0}section#examples a{position:relative;display:inline-block;overflow:hidden;color:#fff;text-align:center;margin:15px 0}section#contact{width:100%;margin:50px auto}section#contact .contact-form{width:100%;margin-top:0}@media screen and (max-width:1199px){.input input[type=text]{width:78%}}@media screen and (max-width:991px){.input input[type=text]{width:71%}.examples ul li{width:50%}.gui-nav{background-image:none;background-color:rgba(24,27,29,.9);position:fixed;z-index:1;width:100%;height:80px}.gui-nav .logo{position:relative;top:-30px}.gui-nav .logo img.exp{margin-top:26px}section#about{margin-top:130px}}@media screen and (max-width:767px){.input input[type=text]{width:59%}.examples ul li{width:100%}}@media screen and (max-width:575px){.input button{display:none}section#contact .contact-form,section#examples .exwrap{padding-left:25px;padding-right:25px}}@media screen and (max-width:496px){.input input[type=text]{width:60%}.loader button{padding:30px 50px}}@media screen and (max-width:389px){.input input[type=text]{width:48%}.loader button{padding:20px 40px}}