html,body{background-color:#fff;margin:0;padding:0}html{height:100%}body{color:#000;font-display:swap;flex-direction:column;min-height:100%;font-family:Open Sans,"Sans-Serif";font-size:1rem;display:flex}header{color:#fff;background-color:#2a5a97;flex-direction:row;margin:0;padding:1rem 0;display:flex}header a{color:#fff;text-decoration:none}*{box-sizing:border-box}main{color:#000;flex:1;padding:1rem;overflow:auto}main h1{text-align:center;font-size:2rem}main h2{text-align:center;font-size:1.8rem}main h3{text-align:center;font-size:1.6rem}main h4{text-align:center;font-size:1.4rem}main p{text-align:justify}main img{border:2px solid #2a5a97;max-width:99%}main h1:after,main h2:after,main h3:after{content:" ";border-bottom:1px dotted;width:100%;margin-top:-1px;padding:.8rem 0 0;display:table}footer{color:#fff;background-color:#2a5a97;flex-direction:row;margin:0;padding:1rem 0;display:flex}footer p{margin:0;padding:0 1rem}footer a{color:#fff;text-decoration:none}.top-nav{width:100%;padding:0;display:flex}.screenshot-desktop{border:2px solid #2a5a97;max-width:99%}.post-date{color:#b0b0b0}.top-nav{flex-direction:row;justify-content:space-between;align-items:center;height:50px;padding:1em;display:flex}.menu{flex-direction:row;margin:0;padding:0;list-style-type:none;display:flex}.menu>li{margin:0 1rem;overflow:hidden}.menu-button-container{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:30px;height:100%;display:none}#menu-toggle{display:none}.menu-button,.menu-button:before,.menu-button:after{background-color:#fff;border-radius:2px;width:30px;height:4px;transition:transform .4s cubic-bezier(.23,1,.32,1);display:block;position:absolute}.menu-button:before{content:"";margin-top:-8px}.menu-button:after{content:"";margin-top:8px}#menu-toggle:checked+.menu-button-container .menu-button:before{margin-top:0;transform:rotate(405deg)}#menu-toggle:checked+.menu-button-container .menu-button{background:#fff0}#menu-toggle:checked+.menu-button-container .menu-button:after{margin-top:0;transform:rotate(-405deg)}@media (max-width:700px){.menu-button-container{display:flex}.menu{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:50px;position:absolute;top:0;left:0}#menu-toggle~.menu li{border:0;height:0;margin:0;padding:0;transition:height .4s cubic-bezier(.23,1,.32,1)}#menu-toggle:checked~.menu li{border:1px solid #000;height:2.5em;padding:.5em;transition:height .4s cubic-bezier(.23,1,.32,1)}.menu>li{color:#fff;background-color:#2a5a97;justify-content:center;width:100%;margin:0;padding:.5em 0;display:flex}.menu>li:not(:last-child){border-bottom:1px solid #444}}figure[data-rehype-pretty-code-figure]{margin:1em 0}figure[data-rehype-pretty-code-figure] pre{margin:0}pre{white-space:pre;position:relative;overflow-x:auto}