#content-body{background-color:var(--main-light-gray);background-image:url(../images/haruhi-calisthenic.png);background-repeat:repeat;display:flex;flex-direction:column;justify-content:center;min-height:100vh}#topbar{margin:0 auto;padding:0}#topbar #logo{max-width:500px;padding:.5rem;width:80vw}#blog-page{display:flex;flex-direction:row;justify-content:center;margin:0 auto;max-width:1200px}.sidebar{margin-right:.5rem;width:20vw!important}.blog,.sidebar{display:flex;flex-direction:column}.blog{margin-left:.5rem;max-width:60vw!important}.content{display:flex}.box{background-color:#fff;border-radius:.5rem;box-shadow:var(--main-shadow);padding:1rem}article{display:flex;flex-direction:column;max-width:100%!important}.blog .header{display:flex;flex-direction:row;margin-bottom:1rem}.header .brigade-logo{align-items:center;display:flex;margin-right:1rem}.header .info{display:flex;flex-direction:column;justify-content:center;width:100%}.info h1{margin:0 0 .5rem}.info .meta{display:flex;flex-direction:row;justify-content:space-between;width:100%}.info .meta .date,.info .meta .tags{align-items:center;display:flex;flex-direction:row}.tags .tag{background-color:var(--main-light-gray);border-radius:.5rem;margin:0 .3rem;padding:.2rem .3rem}.brigade-logo img{border-radius:0;box-shadow:none;height:auto!important;width:100px!important}@media screen and (max-width:850px){.info .meta{flex-direction:column}}@media screen and (max-width:600px){.header .brigade-logo{display:none}}@media screen and (max-width:850px){#blog-page{flex-direction:column-reverse;justify-items:center}.blog,.sidebar{margin:.5rem 0;width:90vw!important}.blog{max-width:100%!important}}article img{border-radius:.5rem;box-shadow:var(--main-shadow);height:auto;max-height:400px;max-width:85%}article p img,article table{display:block;margin-left:auto;margin-right:auto}article table{border-collapse:collapse;border-radius:.5rem!important;overflow:auto!important;position:relative!important;width:-moz-fit-content;width:fit-content}article table tbody,article table thead{overflow:auto}article table td,article table th{padding:.6rem}article table th{background-color:var(--main-red);color:#fff;text-align:center}article pre,article table tr:nth-child(odd){background-color:var(--main-light-gray)}article pre{border-radius:.5rem;display:block;margin:.5rem 0;overflow:auto!important;padding:.5rem;position:relative!important}article code{word-wrap:normal;overflow:auto;word-break:normal}article blockquote{border-left:.5rem solid var(--main-light-gray);font-style:italic;margin-left:0;padding-left:1rem}