:root{--main-width:undefined;--sidebar-width:undefined}:root{--main-bg:rgb(34, 33, 33);--accent-color:rgb(224, 46, 46);--accent2-color:rgb(75, 38, 241);--content-color:rgb(221, 221, 221);--content-font:"Jost",sans-serif;--headers-font:"Jost",sans-serif;--special-font:"Rubik Mono One",monospace;--main-width:860px;--sidebar-width:300px}body{margin:0;padding:0;font-family:var(--content-font);font-size:1.2rem;display:grid;grid-template-columns:minmax(auto,900px) auto;grid-template-areas:"header header" "main ." "footer footer";color:var(--content-color);background:var(--main-bg)}header{padding:.1rem 1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;grid-area:header;color:var(--accent-color);border-bottom:solid var(--accent-color) 2px;background-color:var(--main-bg);font-family:var(--headers-font)}.website-name h1{font-size:2rem;padding:0;margin:0}main{margin:2rem;grid-area:main}h2,h3,h4,h5,h6,main h1{color:var(--accent-color)}aside{grid-area:sidebar;border:solid green 3px}footer{grid-area:footer}img{height:auto;max-width:100%;vertical-align:top}#related-posts>div{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5%}.custom-link{text-decoration:none;color:var(--accent-color)}.custom-link:hover{color:var(--accent2-color);transition:all .5s}.menu{font-size:1.5rem;padding:0;display:flex;flex-direction:row;gap:1rem;list-style-type:none}@media only screen and (max-width:768px){header{flex-direction:column}}