:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;padding:0;width:100%;height:100%}body:has(.loading-container){overflow:hidden}.content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;padding:1rem 1.25rem;max-width:400px;margin:0 auto}@media (min-width: 768px){.content{max-width:768px}}@media (min-width: 1024px){.content{max-width:1024px}}@media (min-width: 1280px){.content{max-width:1080px}}.highlight{background:linear-gradient(180deg,#fff0 50%,pink 50%);background-repeat:no-repeat;background-position:left;border-radius:2px;padding:0 3px}.link-item{cursor:pointer;font-weight:700;margin:0;padding:1rem 0;text-align:center;width:100%;transition:color .3s ease-in-out}.link-item:hover{color:#000}.link-item a{text-decoration:none;color:#442828e6}.link-item a:visited{color:#442828e6}#menu{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffd9cc;background-image:url(https://images.unsplash.com/photo-1706271952285-01b5e3fc2d78?q=80&w=770&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-blend-mode:soft-light;visibility:hidden;position:absolute;top:0;z-index:1000;width:100%;height:100vh}.menu-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;list-style:none;padding:0;margin:0;width:100%}.menu-button{display:flex;background-color:transparent;border:none;cursor:pointer;opacity:.8;transition:opacity .2s ease-in-out;position:relative;padding:0;width:2rem;height:2rem}.menu-button:hover{opacity:1}.menu-button.open{position:static;z-index:1001}.menu-icon{position:relative;width:100%;height:100%}#header{background-image:url(/img/pink.png);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#442828e6;box-shadow:0 0 15px #0006;position:fixed;z-index:999;top:0;left:0;height:4rem;width:100%}#header .logo-link{color:#442828e6;text-decoration:none;font-weight:700;font-size:1.2rem}#header .logo-link:visited{color:#442828e6}#hero{color:#442828e6;position:relative;margin-top:6rem;width:100%;min-height:80vh}@media (min-width: 768px){#hero{min-height:40vh;margin-top:5rem}}#hero.content{flex-direction:column-reverse;justify-content:flex-end;gap:1rem}@media (min-width: 768px){#hero.content{flex-direction:row;justify-content:space-between;align-items:center}}.readable-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}@media (min-width: 768px){.readable-container{width:40%;min-width:350px;max-width:400px}}@media (min-width: 1024px){.readable-container{width:40%;max-width:400px}}.hero-title{font-size:2.5rem;font-weight:700;line-height:1.5;margin:0}@media (min-width: 1024px){.hero-title{line-height:1.2;font-size:3rem}}.word3{background:linear-gradient(180deg,#fff0 50%,pink 50%);background-size:0% 100%;background-repeat:no-repeat;background-position:left}.hero-subtitle{font-size:1.5rem;font-weight:700;line-height:1.4;margin:0}@media (min-width: 1024px){.hero-subtitle{font-size:2rem;line-height:1.5}}.hero-description{font-size:1rem;font-weight:700;line-height:1.5;margin:.5rem 0 1.5rem}.hero-buttons{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:325px;font-size:.8rem}@media (min-width: 1024px){.hero-buttons{font-size:1rem;max-width:350px}}.hero-image-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;aspect-ratio:4/5;height:100%;width:100%;max-height:400px}@media (min-width: 1024px){.hero-image-container{height:clamp(200px,100%,400px);width:unset;max-height:unset;max-width:calc(512px - 2rem)}}@media (min-width: 1280px){.hero-image-container{max-height:unset;max-width:calc(540px - 2rem)}}.hero-image{position:relative;z-index:3;height:100%}.hero-image-circle{aspect-ratio:1/1;background-color:beige;border-radius:100%;opacity:0;position:absolute;z-index:2;width:100%;bottom:5%}.hero-image-halo{aspect-ratio:1/1;background-color:transparent;border:.2rem solid pink;border-radius:100%;opacity:0;position:absolute;z-index:1;top:-5%;right:-5%;width:110%}@media (min-width: 768px){.hero-image-halo{top:5%}}.hero-button-filled{background:pink;color:#fefefe;text-decoration:none;border-radius:40px;border:2px solid pink;padding:.75rem 1.5rem;font-weight:700;transition:all .6s ease-in-out}.hero-button-filled:hover{background:#ff93a6;border:2px solid rgb(255,147.3,166.1047619048);color:#442828e6}@media (min-width: 768px){.hero-button-filled{padding:.75rem 2rem}}.hero-button-outlined{border:2px solid pink;color:#442828e6;cursor:pointer;text-decoration:none;border-radius:40px;box-shadow:none;padding:.75rem 1.5rem;font-weight:700;overflow:hidden;position:relative;transition:all .6s ease-in-out}.hero-button-outlined .hero-button-content{position:relative;z-index:1}.hero-button-outlined .hero-button-fill{position:absolute;top:0;left:0;width:100%;height:100%;background-color:pink;z-index:0;transform:translate(-100%);transition:all .6s ease-in-out}.hero-button-outlined:hover{border:2px solid rgb(255,147.3,166.1047619048);color:#fefefe}.hero-button-outlined:hover .hero-button-fill{background-color:#ff93a6;transform:translate(0) scale(1.5)}@media (min-width: 768px){.hero-button-outlined{padding:.75rem 2rem}}#projects{background-image:url(/img/pink.png);box-shadow:0 0 8px #00000026;border-radius:.25% 85%/10px 100px;min-height:100vh;height:100%;width:100%;padding:0 0 10rem}#projects .content{flex-direction:column;align-items:flex-start;justify-content:center}@media (min-width: 768px){#projects{background-attachment:unset;background-size:unset;background-repeat:unset}}.projects-text-content{color:#442828e6;margin:5rem 0 0;height:100%}@media (min-width: 768px){.projects-text-content{max-width:50%}}.section-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}@media (min-width: 768px){.section-title{font-size:3rem}}.section-title .highlight{background:linear-gradient(180deg,#fff0 50%,beige 50%);background-repeat:no-repeat;background-position:left}.section-subtitle{font-size:1.5rem;font-weight:700;line-height:1.5;margin:0 0 1.5rem;max-width:22ch}@media (min-width: 768px){.section-subtitle{font-size:1.2rem;max-width:unset}}.project-list{display:grid;grid-template-columns:1fr;align-items:stretch;column-gap:1rem;row-gap:5rem;max-width:var(--content-width);width:100%;height:100%;list-style:none;padding:0;margin:0}@media (min-width: 768px){.project-list{grid-template-columns:repeat(2,1fr)}}.project-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#f1abab;border-radius:8px;border:3px solid beige;box-shadow:0 3px 12px #0000001a;color:beige;padding:2.5rem 2rem 1rem;text-align:left;margin:5rem 0 0;position:relative;height:calc(100% - 65px);max-width:100%;transition:transform .3s ease,box-shadow .3s ease}.project-item:first-of-type{margin:2rem 0 0}.project-item:hover{transform:translateY(-5px)}@media (min-width: 768px){.project-item{height:calc(100% - 100px);margin:6rem 0 0}.project-item:first-of-type{margin:3rem 0 0}}.project-item-image-container{display:flex;align-items:center;justify-content:center;position:absolute;top:-5rem;right:.25rem;width:125px}@media (min-width: 768px){.project-item-image-container{width:200px}}.project-item-image{border-radius:8px;filter:drop-shadow(-5px 2px 0 beige);overflow:hidden;max-width:200px;max-height:200px}.project-item-type{font-size:.9rem;margin:0;text-transform:uppercase;max-width:55%}.project-item-title{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.project-item-tools{display:inline;list-style:none;margin:0;padding:0;font-size:.8rem}.project-item-tools li{display:inline}.project-item-tools li:not(:last-child):after{content:", "}.project-item-description{font-size:1rem;text-align:justify;max-width:55ch;-webkit-hyphens:auto;hyphens:auto}.project-item-description p:first-child{margin:.5rem 0 auto}#about{color:#442828e6;position:relative;overflow:hidden;width:100%;height:100%;padding:2rem 0 3rem}#about .content{flex-direction:column-reverse;gap:3rem}@media (min-width: 768px){#about .content{flex-direction:row}}.about-text-content{text-align:justify}.about-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}@media (min-width: 768px){.about-title{font-size:3rem}}.about-image-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-width:50%;height:50vh;height:100%}.about-image{display:block;width:100%;border-radius:5%;position:relative;filter:drop-shadow(-10px 4px 0 pink);box-shadow:0 0 8px #00000026}#footer{background-image:url(/img/pink.png);box-shadow:0 0 8px #00000026;color:#442828e6;min-height:100px;padding:1rem 1.5rem;margin:0}#footer .content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0rem}.footer-header{margin:0;font-size:1.5rem;font-weight:700;line-height:1.5}@media (min-width: 768px){.footer-header{font-size:2rem}}.footer-content{display:flex;flex-direction:column;line-height:1.75;margin:0}.footer-content a{color:#442828e6;text-decoration:underline;margin:0 0 0 .5ch}.footer-content a:hover{color:#5d3737e6}.loading-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-text{color:#442828e6;text-align:center;margin:0 auto}.loading-bar-container{width:80vw;max-width:600px;height:8px;border-radius:4px;overflow:hidden;margin-top:16px;background-color:#e1cccce6}.loading-bar{width:0;max-width:600px;height:8px;background-color:#442828e6;border-radius:4px;overflow:hidden}:root{--content-width: $content-mobile}@media (min-width: 768px){:root{--content-width: $content-tablet}}@media (min-width: 1024px){:root{--content-width: $content-desktop}}@media (min-width: 1280px){:root{--content-width: $content-xl}}#root{background-image:url(/img/beige.png);overflow-y:auto;overflow-x:hidden;width:100%;min-height:100vh}@media (min-width: 768px){#root{background-attachment:unset;background-size:unset;background-repeat:unset}}.opacity-0{opacity:0;transition:all .3s ease-in-out}.opacity-100{opacity:1;transition:all .3s ease-in-out}