@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Thin.ttf)format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-ThinItalic.ttf)format("truetype");font-weight:100;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Light.ttf)format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-LightItalic.ttf)format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Italic.ttf)format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-MediumItalic.ttf)format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Bold.ttf)format("truetype");font-weight:700;font-style:bold}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Black.ttf)format("truetype");font-weight:900;font-style:bold}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-BlackItalic.ttf)format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Teko;src:url(/fonts/teko/Teko-Light.ttf)format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Teko;src:url(/fonts/teko/Teko-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Teko;src:url(/fonts/teko/Teko-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Teko;src:url(/fonts/teko/Teko-SemiBold.ttf)format("truetype");font-weight:600;font-style:bold}@font-face{font-family:Teko;src:url(/fonts/teko/Teko-Bold.ttf)format("truetype");font-weight:700;font-style:bold}body{display:flex;flex-direction:column;padding:0;margin:0;box-sizing:border-box;color:#aeaeae;background-color:#1a1d1e;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:1rem;height:100vh}body::-webkit-scrollbar{display:none}body h1,body h2,body h3,body h4,body h5{font-family:Teko,sans-serif;font-weight:400;font-style:normal;line-height:1;margin:0}body p,body span{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;line-height:1.5}.container{flex:1;background-color:#1a1d1e;width:60%;margin:0 auto}@media only screen and (max-width:750px){.container{width:90%;padding:0}}header{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#111}header .navbar{display:flex;align-items:center;height:60px}header .navbar a{display:flex;justify-content:center;align-items:center;color:#aeaeae;text-decoration:none;height:100%}header .navbar a.logo{display:flex;justify-content:flex-start;align-items:center;margin:0 20px;height:100%}header .navbar a.logo img{height:40px;aspect-ratio:1;margin-right:8px}header .navbar a.logo span{font-family:Teko,sans-serif;font-size:2.4rem;font-weight:500;margin-top:5px}header .navbar a.nav-item{font-family:Teko,sans-serif;font-size:1.7rem;font-weight:400;min-width:100px}header .navbar a.nav-item:hover{text-decoration:underline;text-decoration-color:#ec5226}header .ham-icon{position:relative;display:none;margin:0 1rem;height:50px;width:35px}header .ham-icon:hover{cursor:pointer}header .ham-icon span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:4px;width:100%;background-color:#aeaeae;border-radius:25px;transition:.3s ease}header .ham-icon span:nth-child(1){top:25%}header .ham-icon span:nth-child(3){top:75%}header .ham-icon.active span:nth-child(1){top:50%;transform:translate(-50%,-50%)rotate(45deg)}header .ham-icon.active span:nth-child(2){opacity:0}header .ham-icon.active span:nth-child(3){top:50%;transform:translate(-50%,-50%)rotate(-45deg)}@media only screen and (max-width:520px){a.nav-item{display:none!important}.ham-icon{display:flex!important}}.off-screen-menu{position:fixed;top:60px;right:-450px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:2rem;width:100%;max-width:450px;height:100%;background-color:#111;transition:.3s ease;z-index:1}.off-screen-menu.active{right:0}.off-screen-menu ul{padding:0;margin:0}.off-screen-menu ul li{list-style:none;color:#aeaeae;font-family:Teko,sans-serif;font-size:2.7rem;font-weight:400;margin-bottom:1rem}.off-screen-menu ul li:hover{text-decoration:underline;text-decoration-color:#ec5226}.off-screen-menu ul li a{color:#aeaeae;text-decoration:none}footer{display:flex;justify-content:center;align-items:center;width:100%;padding:20px 0;font-size:12px;font-weight:200;background-color:#1a1d1e}.container{width:50%}.container main.post{display:flex;flex-direction:column;background-color:#1a1d1e;margin-top:25px}.container main.post h1.title{font-size:2.5rem;font-weight:600;font-style:bold}.container main.post h2.subtitle{font-size:2rem;font-weight:300;font-style:normal}.container main.post .taxonomy{display:flex;flex-wrap:wrap;width:100%}.container main.post .taxonomy .category{font-size:.7rem;font-weight:500;color:#fff;background-color:#339ed6;border:1px solid #fff;padding:3px 5px;margin:5px 5px 0 0;height:15px;line-height:1.5;text-decoration:none}.container main.post .taxonomy .tag{font-size:.7rem;font-weight:500;color:#fff;background-color:#7eb943;border:1px solid #fff;padding:3px 5px;margin:5px 5px 0 0;height:15px;line-height:1.5;text-decoration:none}.container main.post .post-meta{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:10px 0 0}.container main.post .post-meta span{line-height:1.4}.container main.post .post-meta .author-name,.container main.post .post-meta .publish-date,.container main.post .post-meta .modify-date,.container main.post .post-meta .reading-time{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:250px}.container main.post section.content{font-size:1.2rem;width:100%}.container main.post section.content figure.cover-image{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-height:400px;margin:10px 0}.container main.post section.content figure.cover-image a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;overflow:hidden;border:2px solid #aeaeae;box-sizing:border-box}.container main.post section.content figure.cover-image a img{width:100%;height:auto}.container main.post section.content figure.cover-image figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;margin-top:5px;font-size:.8rem}.container main.post section.content figure.post-image{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:300px;max-height:300px}.container main.post section.content figure.post-image.right{float:right;margin:20px 0 35px 20px}.container main.post section.content figure.post-image.left{float:left;display:inline-block;margin:20px 20px 35px 0}.container main.post section.content figure.post-image img{width:100%;height:auto;border:2px solid #aeaeae}.container main.post section.content figure.post-image figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;font-size:.8rem;margin-top:5px}.container main.post section.content figure.post-figure{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin:0}.container main.post section.content figure.post-figure img{width:100%;height:auto;border:2px solid #aeaeae}.container main.post section.content figure.post-figure figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;font-size:.8rem;margin-top:5px}.container main.post section.content h1{font-size:2.4rem;font-weight:500;line-height:1}.container main.post section.content h2{font-size:2.2rem;font-weight:500;line-height:1}.container main.post section.content h3{font-size:1.8rem;font-weight:500;line-height:1}.container main.post section.content p{font-size:1.3rem;line-height:1.6;margin:30px 0;text-align:justify}.container main.post section.content a{color:#aeaeae}.container main.post section.content aside{margin:10px 0 20px;font-family:Teko,sans-serif}.container main.post section.content aside .title{font-size:2.2rem;font-weight:500}.container main.post section.content aside .table-of-contents nav{font-size:1.7rem;font-weight:300}.container main.post section.content aside .table-of-contents nav ul{padding:0 0 0 25px;margin:0}.container main.post section.content aside .table-of-contents nav ul li{line-height:30px}.container main.post section.content aside .table-of-contents nav ul li a{color:#aeaeae}.container main.post section.content div.highlight{width:100%;overflow:auto hidden}.container main.post section.content div.highlight pre{display:inline-block;box-sizing:border-box;min-width:100%;margin:0;padding:10px 15px}.container main.post section.content div.highlight table pre{padding:0}.container main.post section.content blockquote{border-left:3px solid #aeaeae;border-radius:3px;margin-inline-start:25px}.container main.post section.content blockquote p{padding-left:15px}.container main.post section.content ul li,.container main.post section.content ol li{line-height:1.8}.container main.post section.content img{max-width:100%;border:1px solid #aeaeae}.container main.post section.content table{border-collapse:collapse;border:.0625rem solid #aeaeae}.container main.post section.content table th{color:#111;background-color:#aeaeae;font-weight:500}.container main.post section.content table tr td,.container main.post section.content table tr,.container main.post section.content table th{border:.0625rem solid #aeaeae;padding:.3125rem .625rem}.container main.post section.content sup{font-size:.9rem;font-weight:400;padding:0 .1875rem}.container main.post section.content .footnotes .footnote-backref{font-size:1rem;font-weight:400}@media only screen and (max-width:900px){.container{width:90%;padding:0}.container figure.post-image{float:none!important;margin:20px 0 35px!important}}