*{font-family:Space Mono,monospace}html{scroll-behavior:smooth!important;scroll-padding-top:8rem}body{--app-bg-color:#384549;background-color:var(--app-bg-color);color:#fff}#__next{min-height:100vh;display:flex;flex-direction:column}li,ul{padding:0;margin:0}li{list-style:none}.button{text-align:center;cursor:pointer;z-index:1;color:#fff;border:3px solid #dddbdb;background-color:transparent;font-size:20px;padding:6px 10px;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem}.button img{width:20px;height:auto}.button:disabled{color:gray}.button:before{background-color:hsla(0,0%,100%,.514);content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition:opacity .35s ease-in;opacity:0;z-index:-1}.button:hover:before{opacity:1}.button:hover{color:#000}a{text-decoration:none;color:inherit}a:hover{color:#deb887}h1{font-size:min(4rem,14vw)}main{padding:max(8px,2%);background-color:hsla(0,0%,100%,.08);flex-grow:1;display:flex;flex-direction:column;gap:1rem}.text-green{color:#90ee90}.nav-logo{font-size:48px;font-weight:700;font-family:Source Sans Pro,sans-serif}.role{font-family:Handlee,cursive}.about-me{white-space:pre-line}nav{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:inherit;top:0;left:0;right:0;font-weight:700;font-size:1.1rem;color:#faebd7}nav+*{margin-top:5.8rem}nav .navbar-nav a{transition:border .15s,padding-left .25s}nav .navbar-nav a:focus{border-left:3px solid #fff;padding-left:4px;color:#deb887}.section-heading{display:flex;justify-content:space-between;row-gap:.5rem;align-items:center;flex-wrap:wrap}@media(max-width:640px){.section-heading{text-align:center;flex-direction:column;align-items:stretch}}.projects{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:.6rem}.projects,.tools{display:grid;gap:.6rem}.tools{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:.6rem}.contact-form{margin:auto;max-width:1000px}.email{text-decoration:underline;color:#ffc451}.projects-page h2{font-size:2.2rem!important}.project-main-info{max-width:700px}.project-main-info .desc{color:#dbdbdb;white-space:pre-wrap}.carousel button{background-color:rgba(0,0,0,.322)}