html{min-height:100vh}body{min-height:100vh;display:flex;flex-direction:column;margin:0}h2{border-left:solid 10px #2052ab;border-bottom:solid 3px #2052ab;padding-left:10px;padding-bottom:5px}h3{border-left:solid 5px #2052ab;border-bottom:solid 1px #2052ab;padding-left:10px;padding-bottom:5px}h4{color:#fff!important;background:#5bc0de;border-radius:5px;padding:10px}header{width:100%;display:table;table-layout:fixed;height:60px;box-shadow:3px 3px 3px rgba(0,0,0,.4)}main{min-height:calc(100vh - 182px);padding:20px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around}main>*{min-width:8%}footer{background-color:#293241;color:#fff;text-align:right;padding:20px;height:25px}a{color:#5bc0de;text-decoration:none}a:link{color:#5bc0de}a:visited{color:#5bc0de}a:hover{color:#5bc0de}a:active{color:#5bc0de}footer a{color:#fff;text-decoration:none}footer a:link{color:#fff}footer a:visited{color:#fff}footer a:hover{color:#fff}footer a:active{color:#fff}header nav{width:100%}header .logo{width:50vw;display:table-cell;vertical-align:middle;padding:7px 5px 5px 25px}header .logo img{height:43px}header .header-links{text-align:right;display:table-cell;width:50vw;vertical-align:middle;padding:0 25px 0 0}header ul.mini-shortcuts{display:block}header div.menu-list{display:none}header div.active-menu{display:block;position:absolute;width:100vw;height:100%;top:60px;left:0}header div.active-menu div.wrapper{position:relative;height:auto;min-height:100%;z-index:1000;background-color:#fff;display:block;width:100vw;border:solid 1px rgba(111,110,110,.3);text-align:left;padding:10px 0}header div.active-menu ul{list-style:none;text-align:left;margin-top:0;width:100%;padding-left:0}header div.active-menu ul li{width:100%;margin-top:5px;padding-left:30px}header div.active-menu ul li a{padding-top:5px}header div.active-menu ul li div{height:30px}header ul.shortcuts{display:none;list-style:none}header ul.shortcuts li{width:50px;text-align:center;display:inline-block}header ul.shortcuts li a{color:#6f6e6e}header ul.shortcuts li a .fab{font-size:45px}main .left-content{padding:20px;display:none;word-wrap:break-word}main .left-content .title{font-weight:700}main .left-content .topics{padding:0}main .left-content .topics li{list-style:none}main .left-content .topics li i.fa{padding-left:10px}main .content{width:100vw;width:100vw}main .main-content{word-wrap:break-word;margin-top:20px;width:90vw}main .main-content img{display:block;margin:0 auto}main .main-content pre{overflow-x:scroll}main .main-content .main-table,main .main-content pre{overflow-x:scroll}table{border:1px solid rgba(111,110,110,.7);border-collapse:collapse;border-spacing:5px 5px}table thead{color:#fff;background-color:#5bc0de}table td{border:1px solid rgba(111,110,110,.7);padding:4px 10px}main .right-content{display:none;padding:20px}main .right-content .title{font-weight:700}main .breadcrumbs{padding:0 0}.breadcrumb{margin:0;padding:0}.breadcrumb li{display:inline;list-style:none}.breadcrumb li:not(:last-child)::after{content:'>';padding:0 .5em}.navigation{padding:20px 0;display:table;table-layout:fixed;width:100%}.navigation .prev{display:block;width:100%;text-align:left}.navigation .next{display:block;width:100%;text-align:right}.navigation .fa-chevron-left{padding-right:20px}.navigation .fa-chevron-right{padding-left:20px}.right-content .index ul{padding-left:20px}.right-content .new ul{padding-left:0}.new-posts{list-style:none;margin:0;padding:0}.new-post{position:relative;float:left;margin:5px 0;width:100%}.new-post .box{border:solid 1px rgba(111,110,110,.2)}.highlight pre{padding:10px}@media (min-width:768px){.new-posts{min-height:400px}.new-post{margin:5px 5px;width:calc(33.3% - 10px)}}@media (min-width:1080px){header ul.shortcuts{display:block}header div.mini-shortcuts{display:none}main .right-content{display:block;width:15%}main .content{width:70%}main .left-content{display:block;width:15%}main .main-content{width:calc(100% - 40px);padding:15px 20px;border:solid 1px rgba(111,110,110,.3)}main .breadcrumbs{padding:0 20px}.navigation .prev{display:table-cell;width:50%}.navigation .next{display:table-cell;width:50%}.new-posts{width:100%;min-height:650px}.new-post{margin:5px 5px;width:calc(33.3% - 10px)}}