@font-face{font-family:led-font;src:url("./media/digital_counter_7-LHX765J3.ttf")}app-root,main,section,app-home{display:block;height:100%}*{box-sizing:border-box;outline-color:#666;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{width:100vw;height:100vh;background-color:#222;color:#dedede;font-family:DejaVu Sans,Verdana,sans-serif;font-size:100%}body{width:100%;height:100%}html,body{margin:0;padding:0}.errorarea{font-size:1em;text-align:left;padding:0;color:#f60}.flexcontainer{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#page{position:relative;text-align:start;border-radius:10px;padding:0;z-index:0}.centered{text-align:left;margin:0;position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%)}.shadowed{box-shadow:0 0 .8em .1em #0006}.rounded{border-radius:10px}.elevating-box{display:inline-block;padding:1em;box-shadow:0 0 2em .1em #0003;border-radius:0;margin:25px 0;background-color:#555}tr{border-bottom:4px solid}th{margin:0;padding:0;background-color:transparent}h1{font-size:1.3em;width:100%;margin:0}h2{font-size:1.4em;font-weight:400;line-height:1em;color:#aaa;margin:0;width:100%;border-bottom-width:1px;border-bottom-style:none;border-bottom-color:#aaa}h3{font-size:1em;line-height:1em}p{max-width:60em;line-height:1.5em}ul{list-style-type:circle;line-height:1.5em}li{padding-top:0;padding-right:0;padding-bottom:0;margin-top:0;margin-right:0;margin-bottom:0}a,a:visited{-webkit-text-decoration:none;text-decoration:none;color:inherit}a:hover{-webkit-text-decoration:blink;text-decoration:blink;color:#17a}.tinytext{font-size:.7em}ol li{list-style-type:decimal}img{max-height:600pt}code{font-family:Source Code Pro,Courier;font-size:.9em;color:#339}.codeblock{color:#339;font-family:Source Code Pro,Courier;font-size:.9em;white-space:pre-wrap;white-space:-moz-pre-wrap!important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;padding-top:1em;padding-bottom:1em;padding-left:1em;border-left:1px dotted #777}.insignificant{display:inline;color:#aaa}.todo{background-color:red}.ok{background-color:#0f0}.draft{color:#faa}.completed{color:#afa}.button{display:inline-block;padding:10px 20px;background:#777;color:#eee;border-radius:10px;border-style:none;font-size:1em;margin-top:5px;margin-bottom:5px;text-align:center}.bigbutton{padding:30px 100px;background:#777;color:#eee;border-radius:10px;border-style:none;font-size:1em;margin-top:5px;margin-bottom:5px}.textinput{font-size:1em;margin:0;padding:0 0 0 .5em;line-height:2em;font-weight:700;color:#ccc;min-height:5px;height:auto;background-color:#2e2e2e;border-top-style:none;border-left-style:none;border-right-style:none;border-bottom-width:1px}button{line-height:2.5em;border-radius:1.2em;background-color:#777;color:#dedede;border-style:none}#id_question{font-size:1.5em;font-weight:700;margin-bottom:2em}#id_answer{font-size:1.2em;margin-bottom:2em}.inputlabel{color:#eee;text-align:left;margin:0;padding:4px 20px;line-height:1em;font-size:.8em}.transparent{opacity:1}.color_text{color:#444}.dialog{padding:20px 60px}.inputbox{background-color:#444;padding:5px;border-radius:5px}label{font-size:.8em}.thirty{display:inline-block;width:30%;padding:0;margin:0}.fifty{display:inline-block;width:47%;padding:0;margin:0}.flexible{display:inline-block;padding:0;margin:0;vertical-align:top}.titlebar{display:flex;flex-direction:row;margin-bottom:1em;border-bottom:solid 1px #dedede}titletxt{color:#eee;font-size:1.5em}.metre_txt{font-family:led-font;color:transparent}input{border:none}input[type=text]{background-color:#0000}.defbtn{min-width:6em;min-height:2em;padding:0 1em;border-style:none;border-radius:.8em;border-color:#ddd;font-weight:400;font-size:1em;background-color:#ddd;color:#111;font-weight:700;font-size:.9em}.defbtn:active{background-color:#f93}.keybtn{min-width:5em;min-height:2em;padding:0 1em;border-style:none;border-radius:.8em;border-color:#ddd;font-weight:400;background-color:#ddd;color:#111;font-weight:700;font-size:1em}.keybtn:active{background-color:#f93}.contentsbtn{background-color:transparent;color:#aaa;font-weight:700;font-size:1.1em}.contentsbtn:active{background-color:#f93}.glow{color:#11f;text-shadow:0 0 10px #22F}@-webkit-keyframes glow{0%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #e60073,0 0 40px #e60073,0 0 50px #e60073,0 0 60px #e60073,0 0 70px #e60073}to{text-shadow:0 0 20px #fff,0 0 30px #ff4da6,0 0 40px #ff4da6,0 0 50px #ff4da6,0 0 60px #ff4da6,0 0 70px #ff4da6,0 0 80px #ff4da6}}.slot{background-color:#111;padding:.4em;border-radius:1em}.metre{background:linear-gradient(180deg,#252525,#151515);padding:1em 2em;border-radius:1em}.blinkyText{animation:blink 1s steps(1) infinite}.arrowimg{display:inline-block;vertical-align:middle;width:1em;height:1em}.accent_btn{background-color:#f93}.fadein{animation-name:fadeInAnimation;animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:both}.fadeout{animation-name:fadeOutAnimation;animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:both}@keyframes blink{0%{opacity:0}50%{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){html{transform:rotate(-90deg);transform-origin:left top;width:100vh;height:100vw;overflow-x:hidden;position:absolute;top:100%;left:0}}