@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root,input{font-family:Figtree,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--background: #0b0f1a;--background-lighter: #1d2839;--color-darker: #7a2e3a;--color-primary: #bf4a5a;--color-lighter: #e06b7a;--text: #888888;--text-lighter: #cbd5e1}html{scroll-behavior:smooth;background-color:var(--background)}body{margin:0;color:var(--text)}h2,h3{margin:0;font-weight:500;color:var(--text-lighter)}h2{font-size:3em;text-align:left}h3{font-size:1.75em}p{font-size:1.25em;text-align:justify;align-self:center}.loader{position:fixed;width:100vw;height:100vh;background:var(--background);z-index:1000;display:flex;align-items:center;justify-content:center}.title{display:flex;flex-direction:row;justify-content:space-between;gap:0;margin:0}.container{width:80vw;margin:auto;padding:32px;display:flex;flex-direction:row}.socials{margin:10px;display:flex;flex-direction:row;gap:20px}.icon-container{display:flex;flex-direction:row;align-items:center;text-decoration:none;color:var(--text);transition:color .3s ease;font-size:20px;gap:16px}.icon-container:hover{color:var(--color-primary);cursor:pointer}nav{justify-content:flex-end;background-color:var(--background);position:sticky;top:0;display:flex;flex-direction:row;justify-content:space-between}nav div{display:flex;gap:30px;padding:10px 50px}nav .nav-link,nav .website-link{text-decoration:none;font-size:1.5em;color:var(--text);position:relative}:is(nav .nav-link,nav .website-link):after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--text);transition:width .3s ease}:is(nav .nav-link,nav .website-link):hover:after{width:100%}nav .theme-switch{background:none;border:none;display:inline-flex;align-items:center;font-size:2rem;cursor:pointer;color:var(--color)}#about .title{flex-direction:column}#about .container{flex-direction:row;gap:20px}#about .line{width:100px;height:5px;background-color:var(--color-primary);margin:10px 0}#about .about-content{display:flex;flex-direction:row;gap:24px;align-items:flex-start}#about .box-container{display:flex;flex-direction:column;padding:28px;border:1px solid var(--text);border-radius:16px}#about .box,#about .box-last{display:flex;justify-content:space-between;gap:100px;margin-top:14px;padding-bottom:14px;border-bottom:1px solid var(--text)}#about .box-last{padding-bottom:0;border-bottom:transparent}#about .container-social{display:flex;flex-direction:row;align-items:center;gap:12px}#about .container-social button{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;border:1px solid var(--background-lighter);border-radius:8px;background-color:transparent;color:var(--text-lighter);font-size:1em;transition:background-color .3s ease,border-color .3s ease;position:relative}#about .container-social button:hover{background-color:var(--background-lighter);border-color:var(--background-lighter);cursor:pointer}#about .container-social button:after{content:"Work in progress";position:absolute;top:120%;left:50%;transform:translate(-50%);background:var(--background-lighter);color:var(--text-lighter);padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}#about .container-social button:before{content:"";position:absolute;top:110%;left:50%;transform:translate(-50%);border:6px solid transparent;opacity:0;transition:opacity .2s ease}#about .container-social button:hover:after,#about .container-social button:hover:before{opacity:1}#about .box-label{color:var(--text)}#about .box-value{color:var(--text-lighter)}#about .work{color:#c42121}#about p{margin:0;flex:1}#about .featured{color:var(--color-primary)}#about h2{font-size:3em}#about img{max-width:300px;height:auto;border-radius:24px}@media(max-width:1200px){#about .container{flex-direction:column;gap:20px}}@media(max-width:750px){#about .about-content{flex-direction:column;align-items:center}}#projects .container{flex-direction:column}#contact .container{display:flex;flex-direction:column;justify-content:space-between;align-items:center}#contact .contact-intro{display:flex;flex-direction:column;align-items:center;text-align:center}#contact img{width:100vw}#contact .contact-button{text-decoration:none;border-radius:64px;font-size:1em;font-weight:500;padding:20px 60px;margin:20px}.rotating-div{display:flex;flex-direction:row;gap:12px}#footer{padding:min(30px,5%)}#footer .container{display:flex;flex-direction:row;justify-content:space-between;padding:0}#footer p{color:var(--color-primary);justify-self:center;font-size:clamp(1em,4vw,1.25em);margin:0}span{color:var(--color-primary)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;flex-direction:row;gap:12px;margin:12px 0}.project-card{display:flex;flex-direction:column;flex:1;border:1px solid var(--background-lighter);border-radius:24px}.project-card img{display:block;width:calc(100% - 32px);margin:16px;object-fit:cover;border-radius:16px}.project-card p{margin:12px 0}.project-items{display:flex;flex-direction:column;flex:1;margin:0 20px 20px}.project-items h3{margin-bottom:8px}.project-items span{min-height:2.6em;line-height:1.3}.project-button{width:fit-content;gap:4px;border-radius:8px;background-color:var(--color-primary);font-size:1em;font-weight:500;padding:6px 16px;text-decoration:none;color:var(--text-lighter);display:inline-flex;align-items:center}.project-button:hover{background-color:var(--color-lighter);cursor:pointer}.button-container{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;margin-top:auto}.more-button{display:inline-flex;align-items:center;gap:4px;border:none;background-color:transparent;color:var(--text);font-size:1em;position:relative;transition:color .3s ease;padding:0}.more-button:hover{cursor:pointer;color:var(--text-lighter)}@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1000px){.project-grid{display:flex;flex-direction:column}}