@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap);body.light{--sub-header:$main-text-color;--background:#f0f1e6;--card-bg:#fcfff7;--btn-bg:var(--background);--btn-text-color:#868892;--btn-hover-bg:var(--btn-bdr);--btn-hover-text-color:#00062b;--contact-bg:#c9dbfa;--input-bg:var(--background);--form-background:#413f3f}body.dark,body.light{--accent-1:#609966;--primary-color:var(--accent-1);--primary-text-color:#fff;--featured-bg:var(--accent-1);--featured-text:#fff;--secondary-color:#666769;--site-header:var(--background)}body.dark{--sub-header:#8b8686;--background:#303330;--text-color:hsla(0,0%,100%,0.88);--text-secondary-color:hsla(0,0%,100%,0.66);--card-bg:#494545;--btn-bg:var(--background);--btn-bdr:rgba(211,214,231,0);--btn-text-color:#fff;--btn-hover-bg:var(--btn-bdr);--btn-hover-text-color:#00062b;--contact-bg:#525151;--input-bg:var(--card-bg);--form-background:#8e8e8e}body,html{margin:0;padding:0;color:#242424;font-size:18px}*{margin-top:0}::selection{background:#88ae6a;color:#fff}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;border-top:10px solid var(--primary-color);background-color:var(--background);color:var(--text-color)}a{color:var(--primary-color);text-decoration:none}ol li,ul li{margin-bottom:10px}ol a,ul a{font-weight:700}.display-none{display:none}.about-section li{margin-bottom:20px}.about-section h2{margin:40px;text-align:center}.about-section .about-text{background-color:var(--card-bg);padding:40px;border-radius:5px}.site-wrapper{padding:24px;max-width:1140px;margin:0 auto}.site-wrapper img{max-width:100%}.navigation{display:flex;align-items:center;font-weight:300}.navigation a{color:#888;text-decoration:none;font-weight:700;margin:0 8px}.navigation a[aria-current]{color:var(--primary-color);font-weight:700}.navigation a:hover{color:var(--primary-color)}.navigation a:last-child{margin-right:0}.site-header{display:flex;justify-content:space-between;padding:20px 0;background:var(--site-header);margin-bottom:32px;align-items:center}.site-title a{color:var(--primary-color);text-decoration:none;font-weight:900;text-transform:uppercase}.hero-header{max-width:980px}.page-header{font-size:clamp(2em,9vw,3em);margin-bottom:.5em}.headline,.page-header{font-weight:900;margin-top:1.5em}.headline{font-size:clamp(2.15em,9vw,3.5em);margin-bottom:1.5em;line-height:1.4em}.headline #contact,.headline #name,.headline #projects{cursor:pointer;text-decoration:none}.headline #name{color:#609966;transition:all .2s}.headline #name:hover{background-color:rgba(96,153,102,.2)}.headline #projects{color:#88ae6a;transition:all .2s}.headline #projects:hover{background-color:rgba(136,174,106,.2)}.headline #contact{color:#93be7f;transition:all .2s}.headline #contact:hover{background-color:rgba(147,190,127,.2)}#about-header,#projects-header{padding-top:110px;padding-left:2px;font-size:1.9em;font-weight:900;color:var(--sub-header)}.posts-header{margin-top:40px;font-size:1.2em;font-weight:900;color:var(--primary-color)}.button{padding:14px 27px;margin:10px 0 0 10px;min-width:70px;display:inline-block;background:var(--btn-bg);border-radius:5px;text-decoration:none;text-align:center;color:var(--btn-text-color);font-size:16px;font-weight:700;transition:background-color .2s}.button.-primary{background-color:var(--primary-color);color:var(--primary-text-color)}.button.-primary:hover{background-color:var(--secondary-color);color:var(--primary-text-color);text-decoration:none}.button.-secondary{color:var(--primary-color);border:2px solid}.button.-secondary:hover{background-color:#fff;color:var(--primary-color);text-decoration:none}.button.linkedin:hover{background-color:#0072b1;color:#fff;border-color:var(--background)}.button.github:hover{background-color:#000;color:#fff;border-color:var(--background)}.button:hover{cursor:pointer}.button .icon{margin-right:10px;margin-bottom:-2px;height:1.1em}.icons{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.icons>svg,.large.icon{width:3em;height:3em}.large.icon{display:block;margin:20px auto;color:var(--primary-color)}.tag-picker{color:#609966;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:120px;max-width:83vw}.tag-picker #clear{color:#609966;font-style:normal;font-size:30px;margin-left:25px;margin-right:5px;margin-bottom:-5px}.tag-picker #clear:hover{color:var(--secondary-color)}.tag-label{margin-right:12px;padding:10px}.rmsc{font-weight:700!important;font-size:18px;--rmsc-main:var(--primary-color)!important;--rmsc-hover:#d3d3d3!important;--rmsc-selected:#e2e6ea;--rmsc-border:#a9a9a9!important;--rmsc-gray:#aaa;--rmsc-bg:var(--background)!important;--rmsc-p:15px!important;--rmsc-radius:2px;--rmsc-h:44px!important}.dropdown-heading #arrow{margin-left:10px;color:#a9a9a9}.dropdown-content{font-size:18px}.dropdown-container{border-width:2px!important}.primary-content{font-size:18px;margin-bottom:32px;line-height:1.5;font-weight:300}.warn-empty{margin:80px 0 500px;height:50%;text-align:center;font-size:1.4em}.warn-empty>div>.button{margin:20px}.post{font-size:15px;background:var(--card-bg);color:var(--text-color);border-bottom-left-radius:5px;border-bottom-right-radius:5px;line-height:1.5}.post a{font-weight:700}.post a:hover{-webkit-text-decoration:underline 2px;text-decoration:underline 2px}.post img{margin-bottom:50px;background-color:var(--background);padding:10px}.post>.project-post-content{padding:20px 40px 80px;max-width:768px;margin:0 auto}.post .post-title{text-align:center;line-height:1.3;font-size:2rem}.post .post-meta{margin-bottom:32px;text-align:center}.post-thumbnail{text-align:center;min-height:380px;background-color:var(--featured-bg);background-repeat:no-repeat;background-size:cover;background-position:50%;border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:36px;color:var(--featured-text);display:grid;align-content:center;position:relative;padding:18px;overflow:hidden}.post-thumbnail:before{content:"";background:rgba(57,90,60,.8);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.post-thumbnail>*{position:relative;z-index:2}.post-thumbnail .post-meta{color:hsla(0,0%,100%,.8);margin-bottom:0}.grids{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:40px;margin-top:32px}.card{color:#242424;background-color:var(--card-bg);border-radius:5px;border-bottom:10px solid #609966;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);overflow:hidden;line-height:1.5}.card:hover .post-link{transition:color .05s;color:#609966}.card.long{grid-column:span 2}.card #featuredImage{display:block;height:14em;width:100%;background-size:cover;background-position:top;-webkit-filter:brightness(.96) saturate(.9);filter:brightness(.96) saturate(.9)}.card #featuredImage:hover{transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s;-webkit-filter:brightness(.94);filter:brightness(.94)}.card .content{padding:25px 35px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.card>#projects-header:first-child{margin:0 0 .5rem}.card .post-title{font-size:1.5rem;font-weight:900;margin-bottom:10px;text-align:left}.card .post-description{margin:10px 2px;font-size:16.5px;font-weight:400;text-align:left;line-height:1.45rem;min-height:50px;color:var(--text-secondary-color)}.card .post-link{color:var(--text-color);text-decoration:none}.card .post-link:hover{transition:all 2s;transform:scale(1.2)}.card .post-icons{display:flex;justify-content:space-evenly;gap:5px;margin-top:30px}.card .post-icons>svg{width:1.8em;height:1.8em}.card .post-tags{margin-top:10px;color:#a9a9a9;display:flex;flex-wrap:wrap}.card .post-tag{font-size:.75em;font-weight:700;padding:2px 6px;margin:6px 6px 0 0;border-radius:5px;border:1.5px solid #d3d3d3}.card .underline{text-align:center;margin:0 auto;padding:0;transition:all .2s ease-in-out;position:relative}.card .underline:after,.card .underline:before{content:"";position:absolute;bottom:-1px;width:0;height:3px;margin:5px 0 0;transition:all .2s ease-in-out;opacity:0;background-color:#56895c}.card .underline.underline:after,.card .underline.underline:before{left:0}.card:hover .underline:after,.card:hover .underline:before{width:100%;opacity:1}.site-footer{text-align:center;margin:90px 0 16px;color:#666}.site-footer a{font-weight:700}.contact-header{text-align:center}.contact-header img{width:100%;max-width:300px}.form-container{font-weight:900;background-color:var(--form-background);padding:32px;border-radius:5px}.form-container label{display:block;margin-bottom:.5rem;letter-spacing:1px;color:#fff}.form-container input[type=email],.form-container input[type=text],.form-container textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #609966;color:var(--text-secondary-color);border-radius:6px;line-height:32px;padding:6px 12px;width:calc(100% - 24px);margin-bottom:1.5rem;background-color:var(--input-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:700;font-size:20px;resize:none}.form-container input[type=email]:focus,.form-container input[type=text]:focus,.form-container textarea:focus{outline:none;border:3px solid #93be7f}.form-container textarea{margin-bottom:2rem;height:150px;font-size:17px}.two-grids{display:grid;grid-gap:32px;max-width:750px;margin:auto}.two-grids.-contact .post-thumbnail{min-height:240px!important}.theme-changer,body.dark .gg-moon,body.light .gg-sun{display:none}.mode-container{width:24px;height:24px;margin-left:20px}.gg-moon,.gg-sun{cursor:pointer}.gg-sun{position:relative;transform:scale(var(--ggs,1));height:24px;background:linear-gradient(180deg,currentColor 4px,transparent 0) no-repeat 5px -6px/2px 6px,linear-gradient(180deg,currentColor 4px,transparent 0) no-repeat 5px 14px/2px 6px,linear-gradient(180deg,currentColor 4px,transparent 0) no-repeat -8px 5px/6px 2px,linear-gradient(180deg,currentColor 4px,transparent 0) no-repeat 14px 5px/6px 2px;border-radius:100px;box-shadow:inset 0 0 0 2px;border:6px solid transparent}.gg-sun,.gg-sun:after,.gg-sun:before{box-sizing:border-box;display:block;width:24px}.gg-sun:after,.gg-sun:before{content:"";position:absolute;height:2px;border-right:4px solid;border-left:4px solid;left:-6px;top:5px}.gg-sun:before{transform:rotate(-45deg)}.gg-sun:after{transform:rotate(45deg)}.gg-moon,.gg-moon:after{display:block;box-sizing:border-box;border-radius:50%}.gg-moon{overflow:hidden;position:relative;transform:rotate(-135deg) scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-bottom:2px solid transparent}.gg-moon:after{content:"";position:absolute;width:12px;height:18px;border:2px solid transparent;box-shadow:0 0 0 2px;top:8px;left:2px}.image-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.gallery{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.gallery>li{height:300px;cursor:pointer;position:relative;flex:1 1 auto}.gallery li img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;vertical-align:middle;border-radius:5px;pointer-events:none}.gallery li:hover .overlay{transform:scale(1);opacity:1%}.gallery :after{content:"";flex-grow:999}.overlay{position:absolute;width:100%;height:100%;background:rgba(41,41,41,.502);top:0;left:0;transform:scale(.85);opacity:0;transition:all .2s ease-in-out .3s;color:#fff;font-weight:700;border-radius:5px;display:flex;align-items:center}.overlay span{text-align:center;width:100%}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}