@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Smooch+Sans&display=swap";@charset "UTF-8";:root{--title-font: "Smooch Sans", sans-serif;--main-font: "Titillium Web", sans-serif;--orange: #E6480F;--orange-acc: #D3420D;--orange-ac2: #C03C0C;--blue-bckg: #131b25;--blue2: #465f78;--blue3: #5B7A9A;--blue4: #728FAC;--txt-color: rgb(250, 250, 250);--txt-blue: #97afc2;--txt-acc: #f1581e;--shadow-text: 1px 1px 3px rgba(0, 0, 0, .3);--small-radius: 4px;--wide-radius: 20px;--scrollbar-width: 7px}*{box-sizing:border-box}html{height:100%}body{background:url(bckg.b4568730c6efc9fb.jpg);color:#fff;margin:0;font-family:var(--main-font);height:100%}body .app{height:100%;display:flex;flex-direction:column}label,h2,h3,h4,img{-webkit-user-select:none;user-select:none}h3{margin:0 0 10px;font-family:var(--title-font);font-size:32px}h4{margin:0;font-family:var(--main-font);font-size:19px}button,.inputFile,#connectCont{cursor:pointer;padding:5px 10px;background-color:var(--orange);border:none;border-radius:var(--small-radius);outline:1px solid var(--blue3);color:#fff;text-transform:uppercase;letter-spacing:1px;font-family:var(--main-font);font-size:15px;transition:background-color .1s}button:hover,.inputFile:hover,#connectCont:hover{background-color:var(--orange-acc)}button:active,.inputFile:active,#connectCont:active{background-color:var(--orange-ac2)}input[type=range]{max-width:80%;flex:auto;opacity:.8;-webkit-appearance:none;appearance:none;background-color:var(--blue2);height:15px;border-radius:5px;outline:none;transition:opacity .2s}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:var(--orange);cursor:pointer;border-radius:5px}input[type=range]::-moz-range-thumb{width:15px;height:15px;background:var(--orange);cursor:pointer}select{margin:0 2px;cursor:pointer;padding:5px 10px;background-color:var(--blue2);border:1px solid var(--orange);border-radius:var(--small-radius);color:#fff;letter-spacing:1px;font-family:var(--main-font);font-size:15px;transition:background-color .1s}select:hover{background-color:var(--blue3)}select option{cursor:pointer}*{scrollbar-width:thin;scrollbar-color:var(--orange) var(--blue2);scroll-behavior:smooth}*::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}*::-webkit-scrollbar-track{background:var(--blue2)}*::-webkit-scrollbar-thumb{background-color:var(--orange)}
