@import"https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800;900&display=swap";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--font-size: 14px;--outline-size: 2px;--gutter-size: 1.5rem;--active-color: 76, 125, 186;--error-color: 255, 122, 122;--link-color: #22538f;--success-color: 47, 206, 34;--text-color: #033318;--light-color: #2e2a2a;--background-color: #ffffff;--input-bg-color: 20, 20, 20;--disabled-color: 240, 240, 240;--disabled-text-color: 55, 55, 55;--navbar-background: #ffffffcc}html,body{font-family:Exo,sans-serif;font-weight:400;font-style:normal;font-size:var(--font-size)}.heading-1,.heading-2,.heading-3,.display-1,.display-2,.display-3,p{margin-top:0;margin-bottom:.5rem}.heading-1{font-size:3.125rem}.heading-2{font-size:2.5rem}.heading-3{font-size:1.8125rem}.display-1{font-size:4rem;font-weight:700}.display-2{font-size:3rem;font-weight:500}.display-3{font-size:1.5rem}a{text-decoration:none;text-underline-offset:5px}a:hover{text-decoration-line:underline}.form-input label{font-weight:400;font-size:1.2rem;font-style:normal}.form-input.raised label,.form-input.active label{font-size:1rem}header h1{font-weight:700}header nav{font-weight:700;text-transform:uppercase}header nav a{text-decoration-thickness:3px}.form-container:after{content:"";font-size:3rem;font-weight:700}html{scroll-behavior:smooth}body{display:grid}.bot-trap{display:none}.alert{display:flex;align-items:center;justify-content:center;gap:var(--gutter-size);padding:calc(var(--gutter-size) / 2) var(--gutter-size)}.alert p{margin:0}.btn{display:block;border:2px solid;position:relative;padding:calc(var(--gutter-size) / 4)}.btn:after{content:"";position:absolute;z-index:-1;width:100%;height:100%;top:5px;left:5px}.btn:active:not(:disabled):after{top:3px;left:3px}.form-input{display:flex;position:relative;align-items:stretch;flex-direction:column;justify-content:center}.form-input label{top:50%;position:absolute;transform:translateY(-50%);left:calc(var(--gutter-size) / 2)}.form-input input,.form-input textarea{min-width:100%;max-width:100%;box-sizing:border-box;padding:var(--gutter-size) calc(var(--gutter-size) / 2) calc(var(--gutter-size) / 4)}.form-input.raised label,.form-input.active label{transform:none;top:calc(var(--gutter-size) / 4)}header{display:flex;flex-direction:column;justify-content:flex-end;min-height:min(100vh,55rem)}header .navbar-container{top:0;left:0;width:100%;z-index:999999;position:fixed}header .navbar{display:grid;align-items:center;padding:var(--gutter-size);gap:var(--gutter-size) calc(var(--gutter-size) / 3);grid-template-columns:3.0625rem auto 2.5rem;grid-template-areas:"avatar name name" "nav nav nav";box-sizing:border-box}.navbar.navbar--small{gap:calc(var(--gutter-size) / 2);grid-template-areas:"avatar name navbtn";padding:calc(var(--gutter-size) / 2) var(--gutter-size)}.navbar.navbar--small.show-nav{grid-template-areas:"avatar name navbtn" "nav nav nav"}.navbar.navbar--small .hide-phone{display:none}.navbar .nav-toggle{display:none;border:2px solid;flex-direction:column;gap:5px;color:var(--text-color);background-color:transparent;padding:calc(var(--gutter-size) / 4)}.navbar.navbar--small .nav-toggle{grid-area:navbtn;display:flex}.navbar.show-nav .nav-toggle{background-color:var(--text-color)}.nav-toggle div{height:2px;width:100%;background-color:var(--text-color)}.navbar.show-nav .nav-toggle div{background-color:var(--background-color)}.navbar .avatar{grid-area:avatar;width:3.0625rem;height:3.0625rem}.navbar.navbar--small .avatar{width:3.0625rem;height:3.0625rem}.navbar h1{grid-area:name;margin:0!important}.navbar nav{grid-area:nav;display:flex;gap:var(--gutter-size)}.navbar.navbar--small nav{display:none}.navbar.navbar--small.show-nav nav{display:grid;gap:0px;grid-template-columns:1fr}.navbar.navbar--small.show-nav nav a{border-bottom:1px solid var(--text-color);padding:calc(var(--gutter-size) / 2)}.navbar.navbar--small.show-nav nav a:last-child{border-bottom:none}.navbar.navbar--small.show-nav nav a:hover,.navbar.navbar--small.show-nav nav a:focus-visible{outline:none!important;color:var(--background-color);background-color:var(--text-color)}header .hero-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:0px var(--gutter-size);padding-top:15rem;padding-bottom:var(--gutter-size)}header .hero-section .display-2{margin-bottom:1.5rem}main{box-sizing:border-box}main>section{box-sizing:border-box;padding:0px var(--gutter-size);padding-top:calc(var(--gutter-size) * 3.5)}main>section:last-child{padding-bottom:calc(var(--gutter-size) * 3.5)}main>section>h2.heading-2{display:inline-block;margin-bottom:var(--gutter-size);padding:calc(var(--gutter-size) / 2) var(--gutter-size)}main>section>h2.heading-2:after{content:"";position:absolute;z-index:-1;width:100%;height:100%;top:5px;left:5px}.projects,.blogs{display:grid;gap:var(--gutter-size);grid-template-columns:1fr}.project,.blog{box-sizing:border-box}.project .thumbnail{width:100%;height:7rem;margin-bottom:calc(var(--gutter-size) / 2)}.project .thumbnail img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.project h3,.blog h3{padding:0px calc(var(--gutter-size) / 2)}.project .description,.blog .timestamp{padding:calc(var(--gutter-size) / 2)}.project .actions,.blog .actions{display:flex;gap:calc(var(--gutter-size) / 2);padding:0px calc(var(--gutter-size) / 2) calc(var(--gutter-size) / 2) calc(var(--gutter-size) / 2)}.two-cols{display:grid;gap:var(--gutter-size);grid-template-columns:1fr}.form-container{display:flex;position:relative;isolation:isolate;flex-direction:column;gap:calc(var(--gutter-size) / 4);padding:calc(var(--gutter-size) / 4)}.form-container:after{content:"";opacity:0;display:none;position:absolute;z-index:1;top:0px;left:0px;width:100%;height:100%;align-items:center;justify-content:center}.form-container.submitting:after{content:"Sending Message...";opacity:1;display:flex}.form-container .form-content{display:flex;align-items:stretch;box-sizing:border-box;flex-direction:column;justify-content:stretch;gap:calc(var(--gutter-size) / 1.5)}.form-container .btn{align-self:flex-end;box-sizing:border-box}footer>section{padding:var(--gutter-size)}*:focus-visible{outline:var(--outline-size) solid var(--text-color)!important}a{color:var(--link-color)}.alert{color:#061517;background-color:rgba(var(--theme),95%)}.alert.success{--theme: var(--success-color)}.alert.error{--theme: var(--error-color)}.btn{--btn-bg-color: var(--background-color);--btn-text-color: var(--light-color);color:var(--btn-text-color);transition:all .2s,outline 0s;background-color:var(--btn-bg-color)}.btn:after{transition:all .2s;background-color:var(--btn-text-color)}.btn:hover:not(:disabled),.btn:focus:not(:disabled){text-decoration:none;color:var(--btn-bg-color);border-color:var(--btn-text-color);background-color:var(--btn-text-color)}.btn:disabled{--btn-bg-color: rgb(var(--disabled-color)) !important;--btn-text-color: rgb(var(--disabled-text-color)) !important;cursor:not-allowed}.form-input label{color:var(--light-color);transition:all .2s ease-in-out}.form-input input,.form-input textarea{border:none;color:var(--text-color);border-bottom:5px solid var(--text-color);background-color:rgba(var(--input-bg-color),.1)}.form-input input:hover,.form-input textarea:hover{background-color:rgba(var(--input-bg-color),.2)}.form-input.active input:not(:read-only),.form-input.active textarea:not(:read-only),.form-input input:focus:not(:read-only),.form-input textarea:focus:not(:read-only){background:rgba(var(--input-bg-color),.2);border-bottom-color:rgb(var(--active-color))}.form-input input:read-only,.form-input textarea:read-only{color:var(--light-color)}body{color:var(--text-color);background-color:var(--background-color)}header .navbar-container{transition:all .5s;border-bottom:5px solid;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--navbar-background)}header .navbar h1 a{color:var(--text-color)}header .navbar h1 a:hover{text-decoration:none}.navbar .avatar{border-radius:50%;transition:all .5s}main>section>h2.heading-2{position:relative;color:var(--background-color);background-color:var(--text-color)}main>section>h2.heading-2:after{background-color:inherit}.project .actions .btn,.blog .actions .btn{--btn-text-color: var(--link-color)}.blog .timestamp{color:var(--light-color)}.form-container:after{content:"";transition:all .2s;color:var(--background-color);backdrop-filter:grayscale(60%);background-color:rgba(var(--input-bg-color),.7)}#submit-contact-me{--btn-text-color: rgb(var(--success-color))}footer{border-top:5px solid}@media (prefers-color-scheme: dark){:root{--link-color: #76a5de;--success-color: 22, 240, 119;--text-color: #3edf84;--light-color: #e0efe1;--background-color: #151515;--input-bg-color: 235, 235, 235;--disabled-color: 40, 40, 40;--disabled-text-color: 155, 155, 155;--navbar-background: #15151599}}body.dark{--link-color: #76a5de;--success-color: 22, 240, 119;--text-color: #3edf84;--light-color: #e0efe1;--background-color: #151515;--input-bg-color: 235, 235, 235;--disabled-color: 40, 40, 40;--disabled-text-color: 155, 155, 155;--navbar-background: #151515cc}@media screen and (min-width: 400px){.navbar.navbar--small{display:flex;gap:calc(var(--gutter-size) / 3)}.navbar.navbar--small .nav-toggle{display:none}.navbar.navbar--small nav{display:flex;gap:inherit;margin-left:auto}}@media screen and (min-width: 480px){:root{--font-size: 16px}header .navbar{gap:0px var(--gutter-size);grid-template-columns:6.125rem auto;grid-template-areas:"avatar name" "avatar nav"}.navbar.navbar--small{gap:calc(var(--gutter-size) / 2)}.navbar .avatar{width:6.125rem;height:6.125rem}.projects{grid-template-columns:1fr 1fr}}@media screen and (min-width: 650px){.navbar.navbar--small .hide-phone{display:inline}.two-cols{grid-template-columns:calc(60% - var(--gutter-size) / 2) calc(40% - var(--gutter-size) / 2)}}@media screen and (min-width: 900px){:root{--font-size: 18px}}@media screen and (min-width: 1000px){.projects{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width: 1100px){:root{--font-size: 20px}}@media screen and (min-width: 1400px){:root{--font-size: 22px}}@media screen and (min-width: 1500px){main,header,footer,header .navbar-container{display:grid;justify-content:center;grid-template-columns:1500px}}@media screen and (min-width: 1800px){:root{--font-size: 24px}}