body{color:#000;font-family:ibm plex sans,sans-serif;line-height:1.5;background:#fafafa;font-weight:300;max-width:900px;padding:1em;margin:1em auto}p code{background-color:#e0e0e0;padding:.2rem .3rem;font-size:.9rem}div pre{overflow:auto}.highlight pre{padding:2em 1.5em}figure p{font-size:1em;line-height:1em;margin-top:.1rem}figure img{max-width:100%}figure{margin:auto;text-align:center}header div{display:flex;gap:.5em;align-items:center}.post-title{margin:0}.clickable{color:unset}.clickable:hover{color:unset;text-decoration:unset}.date{margin:0}code{font-family:ubuntu sans mono,monospace}header div img{width:60px;height:60px;border-radius:25px}header{display:flex;align-items:center;justify-content:space-between}header nav ul{padding:0;margin:0;list-style:none;display:flex;align-content:baseline;gap:3em}header h1{font-family:secular one,sans-serif}header nav a{font-size:2em;font-weight:700;color:#000;font-family:secular one,sans-serif}p{line-height:1.65em;font-size:1.15em}main p img{max-width:100%}.post-image{width:100%}.container a{width:20%;flex-grow:1}.container{display:flex;gap:2em;align-items:flex-start;flex-wrap:wrap}header nav a:hover{font-size:2em;font-weight:700;color:#1565c0;text-decoration:underline}h1{font-size:2em}footer{border-top:1px solid #222;margin-top:1rem}a{color:#1565c0;text-decoration:none}a:hover{color:#1565c0;text-decoration:underline}@media only screen and (max-width:768px){.container{//flex-wrap: wrap}}nav .hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer}nav .hamburger span{width:25px;height:3px;background-color:#000;display:block;transition:.3s ease}nav input[type=checkbox]{display:none}@media(max-width:768px){nav ul{display:none!important;flex-direction:column;gap:0!important;position:absolute;left:0%;width:100%;background-color:#fafafa;border:.15rem solid gray;margin-top:1.2rem!important;box-sizing:border-box}nav ul li{text-align:center}nav input[type=checkbox]:checked~ul{display:flex!important}nav .hamburger{display:flex}nav input[type=checkbox]:checked+.hamburger span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}nav input[type=checkbox]:checked+.hamburger span:nth-child(2){opacity:0}nav input[type=checkbox]:checked+.hamburger span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}}