@import url("https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700");

html{overflow-y:scroll;}
body,div,p{margin:0px;padding:0;-webkit-text-size-adjust:100%;}
ol,ul{list-style:disc;}
body{background-color:white;font-family:'PT Sans Narrow','Trebuchet','Arial Narrow',Helvetica,Arial,sans-serif;font-size:20px;padding:0;margin:0;-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;}
a:link,a:visited{color:black;text-decoration:none;}
a.bluelink:hover,a.bluelink:active{color:#0088cc;text-decoration:underline;}
a:hover,a:active{text-decoration:underline;}
a.bluelink:link,a.bluelink:visited,a.bluelink:hover,a.bluelink:active{color:#0088cc;}
.floater{position:fixed;top:0px;width:100%;height:50px;z-index:10000;box-shadow:#00000066 0px 1px 12px -3px;padding:10px;background-image:linear-gradient(to top,#e0e0e0 0%,white 100%);min-width:980px;}
.wrapper{position:fixed;top:0px;width:100%;height:70px;z-index:10001;}
.topmenu{position:relative;left:0;top:23px;width:800px;height:25px;margin-left:auto;margin-right:auto;text-align:center;min-width:800px;}
.toprightcontainer{position:relative;right:0;width:140px;height:70px;top:-25px;margin:0;padding:0;margin-left:auto;min-width:140px;}
.bottomrightcontainer{position:relative;right:20px;height:inherit;width:100%;margin:0;padding:0;width:600px;margin-left:auto;}
.centeredbar{width:inherit;height:inherit;display:table-cell;vertical-align:middle;font-size:16px;}
.topheader{position:absolute;font-size:40px;font-weight:bold;left:20px;top:10px;min-width:140px;}
.main{position:relative;z-index:1;top:0px;display:block;width:800px;margin-top:90px;margin-left:auto;margin-right:auto;height:100%;min-height:400px;padding-bottom:90px;}
.bottombar{position:absolute;bottom:0px;background-color:white;width:100%;height:40px;font-size:14px;color:darkgray;text-align:right;padding:20px;margin-top:20px;}
.badge{float:left;position:relative;left:-20px;height:40px;}
.selectedmenu{border-bottom-color:black;border-bottom-style:solid;border-bottom-width:2px;}
.header{font-size:30px;margin-bottom:20px;}
.icon{float:left;width:256px;height:256px;padding-right:20px;}
.separator{display:inline-block;width:30px;height:1px;}
.divider{position:relative;width:600px;left:100px;height:1px;margin-bottom:30px;background-image:linear-gradient(to left,white 0%,#64646480,white 100%);}
.centeredimage{display:block;margin-left:auto;margin-right:auto;}
.question{vertical-align:top;height:auto !important;}
.open{display:block;margin-left:20px;}
.hidden{display:none;}

.settings{display:block;background-image:url('/images/settings.png');background-size:620px 468px;background-repeat:no-repeat;width:620px;height:468px;}
.appstore{display:block;background-image:url('/images/appstore.svg');background-size:156px 40px;background-repeat:no-repeat;width:156px;height:40px;}
.logger_icon{display:block;background-image:url('/images/logger_icon.svg');background-size:256px 256px;background-repeat:no-repeat;width:256px;height:256px;padding-bottom:10px;}
.logger{display:block;background-image:url('/images/logger.png');background-size:620px 468px;background-repeat:no-repeat;width:620px;height:468px;}
.logger2{display:block;background-image:url('/images/logger2.png');background-size:620px 468px;background-repeat:no-repeat;width:620px;height:468px;}
.arrow1{display:inline-block;background-image:url('/images/left.png');background-size:16px 16px;background-repeat:no-repeat;width:16px;height:16px;}
.arrow2{display:inline-block;background-image:url('/images/down.png');background-size:16px 16px;background-repeat:no-repeat;width:16px;height:16px;}
.sf{display:block;background-image:url('/images/sf.png');background-size:670px 520px;background-repeat:no-repeat;width:670px;height:520px;}
.sfb{display:block;background-image:url('/images/sfb.png');background-size:450px 139px;background-repeat:no-repeat;width:450px;height:139px;}
.sfb_output{display:block;background-image:url('/images/sfb_output.png');background-size:266px 277px;background-repeat:no-repeat;width:266px;height:277px;}
.sf_settings{display:block;background-image:url('/images/sf_settings.png');background-size:620px 468px;background-repeat:no-repeat;width:622px;height:451px;}

@media (prefers-color-scheme:dark){
html{background:black;}
body{background-color:black;color:#d0d0d0;}
img{opacity:0.7;}
a:link,a:visited{color:#d0d0d0;}
.bottombar{background-color:black;}
.divider{background-image:linear-gradient(to left,black 0%,#9b9b9b80,black 100%);}
.floater{box-shadow:#606060b0 0px 1px 12px -3px;background-image:linear-gradient(to top,#101010 0%,black 100%);}
.selectedmenu{border-bottom-color:#d0d0d0;}
.settings{opacity:0.7;}
.appstore{opacity:0.7;}
.logger_icon{opacity:0.7;}
.logger{opacity:0.7;}
.logger2{opacity:0.7;}
.arrow1{opacity:0.7;}
.arrow2{opacity:0.7;}
.sf{opacity:0.7;}
.sfb{opacity:0.7;}
.sfb_output{opacity:0.7;}
.sf_settings{opacity:0.7;}
}