:root{--gray-txt:#dde;--alien-color:#acf0ff;--semantic-bg:rgba(0,33,48,.9);--focus-txt:rgb(87,214,231);--slide-bg:rgba(76,111,129,.89);--head-txt:rgba(0,163,163,.555);--alien-color-T:#ffea76;--semantic-bg-T:rgba(51,51,51,.9);--focus-txt-T:#f89021;--head-txt-T:rgba(128,4,25,1);--blood:#8a0303}html{scroll-behavior:smooth;height:100vh}body{text-align:center;min-width:300px;opacity:.9;padding:0 50px 0 50px;background-image:url("./img/foggy-forest.jpeg");background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-color:#8ca9b9;height:100%;letter-spacing:2px}#app{font-family:sans-serif;display:grid;grid-template-columns:auto auto;grid-gap:15px;padding:0;box-sizing:border-box;height:100vh}#navi{font-family:Helvetica,sans-serif;font-size:.6rem;letter-spacing:3px;font-variant:small-caps;color:var(--gray-txt);font-weight:400;text-shadow:0 0 6px rgb(0,19,27);background-color:var(--semantic-bg);padding:2px;border-radius:0 0 10px 10px;position:fixed;top:0;right:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9}ul{display:flex;justify-content:space-between;list-style-type:none;margin:0 100px;padding:0}a{font-weight:600;color:var(--alien-color);text-decoration:none}a:hover{color:var(--focus-txt);opacity:.6}.bpx{background-color:#00ff22;width:1px;height:1px;margin:1px;position:fixed;box-shadow:0 0 3px #27ae60;z-index:3000;cursor:crosshair}#broken-pxl{top:100px;left:60px}#broken-pxl2{top:120px;left:80px}#broken-pxl3{top:10px;left:40px}#header{font-family:Helvetica,sans-serif;font-size:2rem;letter-spacing:20px;margin-top:40px;word-spacing:2px;color:rgb(0,129,129);font-weight:600;-webkit-text-decoration:underline overline solid rgb(0,129,129);text-decoration:underline overline solid rgb(0,129,129);font-variant:small-caps;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:color;transition-duration:1000ms;transition-delay:5ms}#header:hover{color:var(--head-txt);-webkit-text-decoration:underline overline solid var(--head-txt);text-decoration:underline overline solid var(--head-txt);transition-property:color;transition-duration:1500ms;transition-delay:5ms}.thermal{color:var(--blood)!important;text-shadow:1px 1px 0 var(--alien-color-T),1px 0 1px #f6f300;text-decoration:none!important;font-family:"Predator",Impact!important}.thermalNav,#Tooltip.thermalConv,.thermalConv .convert{background-color:var(--semantic-bg-T)!important}.thermalConv .convert:hover{background-color:rgba(48,48,48,.9)!important}.thermalNav a{color:var(--alien-color-T)!important;text-shadow:1px 0 0 var(--blood);text-decoration:none!important;font-family:"Predator",Impact!important;font-size:.85em}.thermalConv label,.thermalConv p,.thermalConv input{color:var(--alien-color-T)!important;text-shadow:1px 0 0 var(--blood)!important;text-decoration:none!important;font-family:"Predator",Impact!important}#Tooltip.thermalConv{text-shadow:1px 0 0 var(--blood)!important;color:rgb(255 0 43)!important;font-size:22px;font-weight:600;text-decoration:none!important;font-family:"BoomClock","Predator",Impact!important}.thermalConv .input-cont input{border-bottom:2px solid var(--alien-color-T);color:var(--focus-txt-T)}.thermalConv .input-cont input:focus{color:var(--focus-txt-T)!important;border-bottom:2px solid var(--focus-txt-T)}.thermalNav input:checked + .slider{background-color:var(--head-txt-T)}footer.thermalNav{padding:3px}input,a{cursor:url("./assets/Pred.cur"),crosshair}.res,.input-cont label{font-size:1rem;letter-spacing:3px;color:var(--alien-color);font-weight:500;font-style:normal;font-variant:small-caps;text-transform:none;margin-top:10px}label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.convert{box-sizing:border-box;text-align:left;display:inline-grid;border-radius:30px;box-shadow:1px 1px 4px rgb(0,27,14),3px 3px 6px rgb(0,27,11);background:rgba(0,50,73,.8);padding:20px 30px;margin:15px;transform:translateY(0) scale(1);transition-property:transform;transition-duration:400ms;transition-delay:5ms}.convert:hover{background:rgba(0,50,73,.7);transform:translateY(-3px) scale(1.1);box-shadow:-1px 1px 3px rgba(39,39,39,.6),-3px 5px 9px rgba(0,27,11,.6),0 15px 15px rgba(0,0,0,.6);transition-property:transform;transition-duration:250ms;transition-delay:5ms}.input-cont{position:relative;margin-bottom:25px}.input-cont input{border:0;border-bottom:2px solid var(--alien-color);background:transparent;width:100%;padding:8px 0 5px 0;font-size:16px;color:var(--alien-color)}.input-cont input:focus{border:none;outline:none;color:var(--focus-txt);text-shadow:0 0 3px #0a343d,0 0 1px rgb(255,255,255);border-bottom:2px solid var(--focus-txt)}footer{font-size:.6rem;color:var(--gray-txt);text-shadow:0 0 6px rgb(0,19,27);background-color:var(--semantic-bg);padding:3px;margin:0;border-radius:10px 10px 0 0;position:fixed;bottom:0;right:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}footer>*{margin:0 5px}.switch{position:relative;display:inline-block;margin-right:.5%;width:15px;height:7px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:url("./assets/Pred.cur"),crosshair;top:0;left:0;right:0;bottom:0;border-radius:10px;background-color:var(--slide-bg);transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:7px;width:7px;left:0;bottom:0;border-radius:50%;background-color:var(--gray-txt);opacity:.8;transition:.4s;transition:.4s}#Tooltip{visibility:hidden;width:110px;font-variant:small-caps;box-shadow:1px 1px 4px rgb(0,27,14),3px 3px 6px rgb(0,27,11);background:rgba(0,50,73,.8);color:var(--alien-color);text-align:center;border-radius:5px;padding:6px 6px;font-size:13px;letter-spacing:1px;position:absolute;right:-55px;bottom:15px;z-index:5;transition:all .5s}.switch:hover #Tooltip{visibility:visible}input:checked + .slider{background-color:var(--head-txt)}input:focus + .slider{box-shadow:0 0 1px var(--head-txt)}input:checked + .slider:before{transform:translateX(8px)}@media only screen and (max-width:800px){#app{grid-template-columns:auto}#header{font-size:1.8rem;margin-top:45px;letter-spacing:12px}ul{margin:0 70px}}@media only screen and (max-width:600px){body{padding:0 10px}#app{grid-gap:2px;padding:0 10px 0 10px}#navi{letter-spacing:2px;padding:5px 1px}#header{font-family:sans-serif;font-size:1.2rem;font-weight:200;margin-top:55px;letter-spacing:10px;color:var(--semantic-bg);text-decoration:none}#Tooltip{width:100px;font-size:12px;right:-75px;bottom:21px}#header:hover{color:var(--blood);text-decoration:none;transition-property:color;transition-duration:1500ms;transition-delay:5ms}ul{margin:5px 40px}li{font-size:.6rem}#navi.thermalNav ul li{font-size:.66rem}footer{padding:8px;display:block}footer span{vertical-align:top}footer.thermalNav{padding:8px}.switch{margin-right:2%;width:32px!important;height:12px}.slider:before{height:12px;width:12px}input:checked + .slider:before{transform:translateX(20px)}}@media only screen and (max-width:430px){body{padding:0}footer{display:block}footer span{vertical-align:top}ul{margin:6px 10px}}@font-face{font-family:"Predator";src:url("./assets/invisibl.ttf") format("truetype")}@font-face{font-family:"BoomClock";src:url("./assets/Predator.ttf") format("truetype")}@-webkit-keyframes glow{0%{box-shadow:inset 0 0 0 #fff}50%{box-shadow:inset 0 0 10px #fff,inset 0 0 30px var(--alien-color),inset 0 0 40px var(--focus-txt),0 0 10px #fff,0 0 50px #fff,0 0 100px var(--alien-color),0 0 150px var(--focus-txt),0 0 200px var(--focus-txt),0 0 250px var(--alien-color)}100%{box-shadow:inset 0 0 0 #fff}}@keyframes glow{0%{box-shadow:inset 0 0 0 #fff}50%{box-shadow:inset 0 0 10px #fff,inset 0 0 30px var(--alien-color),inset 0 0 40px var(--focus-txt),0 0 10px #fff,0 0 50px #fff,0 0 100px var(--alien-color),0 0 150px var(--focus-txt),0 0 200px var(--focus-txt),0 0 250px var(--alien-color)}100%{box-shadow:inset 0 0 0 #fff}}