@font-face{font-family:SF Pro Display;src:url(./fonts/SFPRODISPLAYREGULAR.OTF);font-weight:400;font-display:swap}@font-face{font-family:SF Pro Display;src:url(./fonts/SFPRODISPLAYMEDIUM.OTF);font-weight:500;font-display:swap}@font-face{font-family:SF Pro Display;src:url(./fonts/SFPRODISPLAYBOLD.OTF);font-weight:600;font-display:swap}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#474747}::-webkit-scrollbar-thumb:hover{background:#555}html,body{color:#000;box-sizing:border-box;background-color:#eff0ee;margin:0;font-family:Georgia;position:relative}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;font-size:16px;font-weight:400;transition:all .1s}a:hover{color:#919191}.navbar{border-right:1px solid #333;width:350px;position:fixed;top:50px;bottom:0;overflow-y:scroll}.navbar-title{margin:26px 0 0 35px;font-size:24px}.nav{cursor:pointer;align-items:center;height:30px;padding-left:35px;font-size:14px;font-weight:100;display:flex}.nav svg{fill:#a0a0a0;margin-right:10px}.nav:hover{background-color:#2d3979}.nav-dark{color:#a0a0a0}.nav-dark-spacer{width:46px}.nav-dark-spacer-big{width:116px}.nav-section-title{color:#a0a0a0;margin:12px 0 12px 35px;font-size:14px}p{margin:0}h1{margin:0;font-size:50px;font-weight:500}h2{font-size:30px;font-weight:400}h3{font-size:25px;font-weight:400}hr{border-color:#333;margin-top:30px;margin-bottom:40px}.flexbox{-ms-box-orient:horizontal;display:flex}.flexbox-spaced{justify-content:space-between;display:flex}.content-wrapper{flex:1;min-width:0;max-width:1200px;margin-left:100px;margin-right:100px}.article-image{float:left;max-width:40%;height:auto;margin-bottom:20px;margin-right:20px}.article-content:after{content:"";clear:both;display:table}.content{justify-content:space-evenly;display:flex}.topbar{border-bottom:1px solid #b3b3b3;flex-direction:column;gap:4px;height:70px;margin-bottom:20px;padding-top:20px;display:flex}.topbar-name{font-size:25px;font-weight:500;line-height:37px}.topbar-alias{color:#84857e;font-size:17px;font-style:italic;font-weight:500;line-height:37px}.topbar-profile,.topbar-categories{gap:14px;display:flex}.topbar-picture{width:40px;height:40px}.article-title{border-bottom:1px solid #b3b3b3;flex-direction:column;gap:4px;padding-bottom:20px;display:flex}.article-topping{gap:30px;display:flex}.article-date{color:#2c2c2c;font-size:14px}.article-content{margin-top:20px;font-size:18px;line-height:26px}.article-newline{height:20px}.article-spacer{background-color:#b3b3b3;height:1px;margin-top:50px;margin-bottom:50px}.article-list{flex-direction:column;gap:0;margin:0;padding:0;list-style-type:none;display:flex}.article-link{flex-direction:column;justify-content:center;gap:5px;display:flex}.article-list-title{margin:0}.article-item{border-bottom:1px solid #b3b3b3;padding-bottom:20px}.articles-title{border-bottom:1px solid #b3b3b3;margin-bottom:20px;padding-bottom:20px}.articles-container{font-family:Georgia}.article-preview{color:#2c2c2c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-hero-sections{gap:10px;display:flex}.home-articles-wrapper{min-width:0}.home-section-title{color:#4e4d4d;background-color:#e4e3d5;border:1px solid #5a5a5a;margin-bottom:5px;padding:2px 4px;font-size:14px}.home-article-title{margin:0}.home-sections{min-width:0}.link{font-size:14px}.home-projects{gap:5px;display:flex}.home-project{flex-direction:column;justify-content:space-between;width:100%;min-width:0;min-height:140px;padding:5px;display:flex}.home-project-splitter{background-color:#b3b3b3;width:1px}.home-project-title{margin:0 0 5px;padding:0}.home-project-properties{gap:10px;display:flex}.home-about-me{max-width:277px}.home-about-me-picture{height:auto;margin-bottom:10px;display:block}.home-about-me-section{margin-bottom:10px}.home-socials{flex-direction:column;gap:5px;display:flex}.home-socials-splitter{background-color:#b3b3b3;height:1px}.picture-credit{color:#000;margin:0;padding:0;font-size:14px}@media only screen and (width<=1000px){.navbar{width:0}.main-site{left:0}}@media only screen and (width>=2000px){.navbar{left:20%}.main-site{padding-right:20%;left:calc(350px + 20%)}}.link-copy{fill:#0000;cursor:pointer;margin-left:8px}.link-copy:hover{fill:#fff}code{background-color:#333;border-radius:4px;padding:2px 6px;font-family:Consolas;font-size:14px}strong{color:#fff}li{margin-bottom:10px}table{border-spacing:0;border-collapse:collapse}th{text-align:left;background-color:#1a1a1a;border:2px solid #333;min-width:100px;padding:8px 12px;font-weight:400}td{text-align:left;border:2px solid #333;padding:8px 12px}.code{border:2px solid #333;border-radius:4px;padding:8px 12px;font-size:14px}