#header{position:relative;width:840px;margin:0 auto;padding:0px 0px 0px 0px}h1#logo-text a{position:absolute;margin:0;padding:0;font:bold 60px Arial, Verdana, Helvetica, sans-serif;letter-spacing:-2px;color:#CC092F;text-decoration:none;top:5px;left:15px}h1#logo-text span{color:black}p#slogan{position:absolute;margin:0;padding:0;font:bold 16px 'Trebuchet MS', Arial, Sans-serif;text-transform:none;color:#CC092F;top:65px;left:45px}.fadein{position:relative;top:5px;width:840px;height:300px;overflow:hidden}.fadein img{position:absolute;left:0;top:0;padding:0;width:1024px;height:683px}ul.nav{position:absolute;border:1px solid #CC092F;list-style:none;text-transform:uppercase;padding:0;margin:0;right:0;bottom:0;background-color:#000;z-index:999 !important;overflow:hidden;background-color:#CC092F;position:-webkit-sticky;position:sticky;top:0;width:840px;margin:0 auto}ul.nav li{outline-offset:-4px;display:inline-flex;margin:0;padding:0}ul.nav li a{display:block;float:left;width:auto;margin:0;padding:0 15px;color:white;font:bold 13px/52px "Century Gothic", "Trebuchet MS";text-transform:uppercase;text-decoration:none}ul.nav li:hover{outline:2px dashed white}#active{outline:2px solid white}.switch{position:relative;display:inline-block;width:60px;height:34px;top:-7px;left:240px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196F3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.center{text-align:center}.content-wrap{position:relative;width:840px;margin:0 auto;background:white}.content-wrap h2{font-family:Arial, Helvetica, sans-serif;font-size:20px;padding:10px 0px 0px 10px}h2.no-info{padding:10px}body.dark-mode>div.content-wrap{background:#2F3136}body.dark-mode>div.content-wrap,body.dark-mode>div>footer{color:#D1D0CE}p.post-meta>a:visited{color:blue}body.dark-mode>div.content-wrap>p.post-meta>a,body.dark-mode>div.content-wrap>p.post-meta>a:visited{color:#68A6F8}.post-info,.post-meta{position:relative;top:-15px;font-family:Arial, Helvetica, sans-serif}.post-info{font-size:11px;padding:0px 0px 0px 25px}.post-meta{margin:15px;outline:solid #999 2px;font-size:16px;padding:10px}body{zoom:80%;image-rendering:pixelated;background:#ccc url(https://lawrenc3x.github.io/SubRobotics/images/bg.png) repeat-y center top}body.dark-mode{image-rendering:pixelated;background:#2F3136 url(https://lawrenc3x.github.io/SubRobotics/images/bg.png) repeat-y center top}@media only screen and (max-width: 710px){body{background:#ccc}body.dark-mode{background:#2F3136}}.dark-mode{background:#2F3136}