.header{background-color:var(--var-header-background-color);display:flex;padding:20px;width:100%}.header h2{margin:0}.nav{margin-left:auto}.nav ul{gap:50px;list-style:none}.nav ul,.nav ul li{display:flex;flex-direction:row}.nav ul li{align-items:center}.hero{display:flex;flex-direction:column;margin-top:2rem}.hero h1{font-size:64px;margin:0}h2{font-size:32px}.main{display:flex;flex-direction:column;gap:100px;padding:20px 20vw}.skills-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skill{background-color:var(--var-foreground-color);border-radius:10px;display:flex;flex-direction:column;gap:0;padding:40px}.skill h3{font-size:24px;margin:0}p{font-size:18px}.projects-list{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project{border-radius:10px;box-shadow:0 0 20px #0003;cursor:pointer}.project img{border-radius:5px;height:100%;object-fit:cover;width:100%}.contact-item{display:flex;flex-direction:row}.contact a{color:var(--var-text-color);display:block;margin-bottom:auto;margin-top:auto}.contact-form{display:flex;flex-direction:column;gap:20px;margin:40px auto auto;width:600px}.contact-form input,textarea{background-color:#d9d9d9;border:none;border-radius:5px;color:#111;outline:none;padding:10px;resize:none}.contact-form textarea{height:110px}.contact-item img{padding:10px}.contact-form button{background-color:#d9d9d9;border:none;border-radius:5px;color:#111;display:block;margin-left:auto;padding:10px;width:80px}.contact-form button:hover{background-color:#575656;color:#d9d9d9}.footer{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:40px;padding:20px;width:100%}.highlight{color:var(--var-highlight-color)}.no-highlight{color:var(--var-text-color)}.background{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0101011a;height:100vh;left:0;position:fixed;top:0;width:100vw}.project-container{background:var(--var-foreground-color);border-radius:10px;bottom:20px;left:20vw;overflow:scroll;padding:20px;position:fixed;right:20vw;top:20px}.project-preview{margin-bottom:20px}.project-stacks{display:flex;gap:10px;margin-top:50px}.project-stack{border-radius:50%;height:50px;width:50px}.project-grid{grid-gap:20px;display:grid;flex-direction:row;gap:20px;grid-template-columns:1fr auto}.project-mobile-images{display:none}.project-images{display:flex;flex-direction:row;height:100px;overflow:scroll;width:auto}.project-images img{cursor:pointer;object-fit:cover}.project-preview{width:100%}.project-header{align-items:center;display:flex;flex-direction:row;gap:20px}.project-header h2{margin:0;padding:0}.project-header .close-button img{cursor:pointer;height:40px;transition:transform .3s ease;width:40px}.project-header .close-button{margin-left:auto;padding:10px}.project-header button{background-color:initial;border:none;color:var(--var-text-color);cursor:pointer;font-size:24px}.project-link{display:flex;flex-direction:row}.project-link img{height:50px;padding:5px;width:50px}.project-link a{display:block;margin-bottom:auto;margin-top:auto}@media (max-width:1400px){.header,.main{padding:20px 10vw}.project-container{left:10vw;right:10vw}}@media (max-width:768px){.header{flex-direction:column;gap:20px;padding:20px}.nav{margin:auto}.nav ul{gap:20px}.hero h1{font-size:42px;margin:0}.main{padding:20px}.header,main{padding:20px 5vw}.contact-form{width:100%}.project-container{left:5vw;right:5vw}}:root{--var-header-background-color:#151b25;--var-text-color:#fff;--var-highlight-color:#33cdbb;--var-text-color:#a7c8cf;--var-background-color:#13171f;--var-foreground-color:#1e2029}body,html{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#13171f;background-color:var(--var-background-color);color:#a7c8cf;color:var(--var-text-color);font-family:Roboto,sans-serif;font-size:16px;overflow-x:hidden}a{color:#33cdbb;color:var(--var-highlight-color);text-decoration:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}
/*# sourceMappingURL=main.71866a34.css.map*/