:root{--blue:#007fa9;--darkblue:#085163;--grey:#222;--lightgrey:#828282;--lightlightgrey:#bebebe}body,html{padding:0;margin:0;background:var(--grey);color:#fff;font-family:Roboto}p{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;line-height:24px}em{font-size:14px;color:var(--lightlightgrey)}.caption{font-size:12px;margin:10px 0;text-align:center;color:var(--lightgrey)}hr{margin:12px 0}a{color:var(--blue);text-decoration:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}h1{font-size:26px;border-bottom:2px solid var(--blue)}h1,h2{line-height:50px}h2{font-size:20px;border-bottom:2px solid #fff}.blogTitle{font-size:26px;text-align:center;border-bottom:none}a.green-link,article a,div.main-content a{cursor:pointer;color:var(--blue);text-decoration:none;-webkit-transition:all .1s ease;transition:all .1s ease;border-bottom:1px solid transparent}a.green-link:hover,article a:hover,div.main-content a:hover{border-bottom:1px solid var(--blue)}.main-content>ul,ol,p>ul{padding:0;margin-left:1.5em}.main-content>ul,.main-content>ul>li>ul,p>ul{list-style-type:none}.main-content>ul>li,p>ul>li{margin-bottom:10px}.main-content>ul>li:before,.main-content>ul>li>ul>li:before,p>ul>li:before{content:"–"}.main-content>ul>li>ul>li{margin:10px 0}.main-content>ul>li:before,.main-content>ul>li>ul>li:before,p>ul>li:before{display:inline-block;color:#999;position:absolute;margin-left:-18px;-webkit-transition:color .2s ease;transition:color .2s ease}li>code,p>code{background:rgba(27,31,35,.05);padding:2px 5px}blockquote{margin:1.6em 0;padding:5px 24px}nav{background:var(--darkblue);text-align:center;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}footer{color:#aaa;background:#16242b;height:7.2em;margin-top:2em}.container{max-width:65vw;margin:0 auto}.blogContainer{max-width:50vw;margin:0 auto}input{margin:8px 0;color:#fff;background-color:var(--grey);padding:12px 20px 12px 40px;border:1px solid #fff;border-radius:4px;font-size:30px;width:45%;text-align:center}main{min-height:calc(100vh - 195px);padding:0 1rem}img{max-width:90%;max-height:80vh;display:block;margin:15px auto}@media only screen and (min-width:1500px){input{width:25%}}@media only screen and (max-width:768px){.container{max-width:85vw;margin:0 auto}.blogContainer{max-width:100vw;margin:0 auto}input{width:75%}}code::-webkit-scrollbar{display:none}code{-ms-overflow-style:none;scrollbar-width:none}table,td,th{border-collapse:collapse;border:2px solid var(--lightgrey);padding:10px}table{margin:10px}