*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--light-color: #ffffff;--dark-color: #1a1a1a;--bg-color: var(--light-color);--text-color: var(--dark-color);--small-screen: 480px;--medium-screen: 768px;--large-screen: 1024px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}.dark-mode{--bg-color: var(--dark-color);--text-color: var(--light-color)}.light-mode{--bg-color: var(--light-color);--text-color: var(--dark-color)}body{background-color:var(--bg-color);color:var(--text-color);height:100%}a{color:var(--text-color);cursor:pointer;font-weight:500;text-decoration:inherit}h1{font-size:3.2em;line-height:1.1}hr{color:var(--text-color);border:.1rem solid}button{border-radius:8px;border:1px solid transparent;color:var(--text-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-color);cursor:pointer;transition:border-color .25s}button:hover{border-color:#a9a9a9}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#app{display:flex;flex-direction:column;padding-inline:2rem;padding-block-start:2rem}.section-container{align-items:center;display:flex;flex-direction:column;justify-content:center;height:100vh;gap:1.5rem;text-align:center}.subtitle{font-size:4rem;font-weight:300;font-style:italic;text-align:left;width:100%}.blur{filter:blur(.15rem)}.transparent{cursor:default;opacity:0}.hidden{display:none}@media only screen and (max-width: 768px){#app{padding-block:.5rem;padding-inline:.5rem;overflow:hidden}.subtitle{font-size:2rem}}.header{display:flex;flex-direction:row;justify-content:center;position:fixed;width:100%;z-index:20}#mode-switch{border-radius:4rem;height:1rem;padding:0;margin:.5rem;outline:none;transition:all .3s;will-change:filter;width:1rem}#mode-switch.light-mode{filter:drop-shadow(0 0 .5em black)}#mode-switch.dark-mode{filter:drop-shadow(0 0 .5em white)}@media only screen and (max-width: 768px){#mode-switch{margin:0}}.menu{align-items:center;background-color:var(--bg-color);border-radius:2rem;display:flex;flex-direction:row;justify-content:space-between;height:3rem;gap:1rem;padding:.5rem 1rem}.menu .logo{height:2.1rem;width:2.1rem}.menu .logo img{filter:drop-shadow(.1rem .1rem .01rem var(--light-color)) drop-shadow(0rem 0rem .2rem var(--light-color));transition:all .2s}.menu .logo:hover{transform:scale(1.1);transform:rotate(180deg)}.menu .menu-item{padding:.5rem;transition:all .2s}@media only screen and (max-width: 768px){.menu{gap:.5rem;justify-content:space-between;flex-direction:row-reverse;padding-block:0;padding-inline:2rem;width:100%}.menu .menu-item{display:none}.menu .burger-menu{align-items:center;display:flex;flex-direction:column;justify-content:center;height:1.2rem;padding:0;width:1.2rem;border:none;cursor:pointer}.menu .burger-menu span{border-bottom:.2rem solid var(--text-color);height:100%;width:100%}.menu .logo{align-items:center;display:flex;padding:0;justify-content:center}.menu .logo img{height:1.5rem;width:1.5rem}.menu .logo:hover{transform:unset}.menu .logo:hover img{height:1.5rem;width:1.5rem}.mobile-menu{align-items:center;background:var(--bg-color);display:flex;flex-direction:column;font-size:2.5rem;font-weight:300;justify-content:center;height:100%;left:0;padding:1rem;position:fixed;top:0;overflow:hidden;touch-action:none;pointer-events:auto;width:100%;z-index:10}.mobile-menu a{font-style:italic;font-weight:300;text-align:left}.mobile-menu .burger-menu{align-items:center;display:flex;flex-direction:column;justify-content:center;height:1.5rem;padding:0;position:absolute;right:1.3rem;top:1.3rem;width:1.5rem}.mobile-menu .burger-menu span{border:.1rem solid var(--text-color);filter:drop-shadow(.1rem .1rem .5rem white);width:100%}.mobile-menu .burger-menu :nth-child(1){transform:rotate(45deg) translate(.1rem,.1rem)}.mobile-menu .burger-menu :nth-child(2){transform:rotate(-45deg)}.mobile-menu .burger-menu :nth-child(3){display:none}.hidden{display:none}}#home{height:100vh}#home .title{font-style:italic;letter-spacing:3rem;font-size:5rem}#home .subtitle{font-style:italic;font-size:1.5rem;font-weight:300;letter-spacing:1rem;text-align:center;width:100%}#home .cursor{position:fixed;width:6rem;height:6rem;background:#fff;border-radius:50%;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:opacity .3s ease-out}@media only screen and (max-width: 1200px){#home .title{letter-spacing:1rem;font-size:4rem}}@media only screen and (max-width: 768px){#home .title{letter-spacing:.5rem;font-size:2.5rem}#home .subtitle{letter-spacing:.5rem}}#about{display:flex;flex-direction:column;justify-content:space-between;padding-block:5rem}#about .about-content{align-items:center;display:flex;flex-direction:row;text-align:left}#about .about-content .highlight{font-weight:300;font-size:2rem;max-width:50%}#about .about-content li{font-size:1.2rem;margin-bottom:1rem}#about .tech-stack-title{font-style:italic;font-size:2rem;font-weight:300;text-align:left;width:100%}#about .tech-stack{align-items:flex-start;display:flex;flex-direction:column;gap:3rem;overflow-x:auto;width:100%}#about .tech-stack .tech-logos{align-items:center;display:flex;flex-direction:row;justify-content:center;gap:2rem;padding:1rem;overflow-x:scroll;width:max-content}#about .tech-stack .tech-logos .logo{align-items:center;display:flex;flex-direction:column;height:4rem;width:4rem}#about .tech-stack .tech-logos .logo img{filter:grayscale();height:3rem;transition:all .2s;width:2rem}#about .tech-stack .tech-logos .logo p{font-weight:500;transition:all .2s}#about .tech-stack .tech-logos .logo:hover p{font-weight:600}#about .tech-stack .tech-logos .logo:hover img{transform:scale(1.1);filter:unset}#about .more-links{display:flex;flex-direction:row;gap:2rem;width:100%}#about .more-links .link{display:flex;flex-direction:column}#about .more-links .link a{display:flex;flex-direction:row;align-items:center}#about .more-links .link a .external-icon{transform:rotate(-45deg)}@media only screen and (max-width: 768px){#about{height:100%;padding-block-end:0}#about .about-content{flex-direction:column;gap:1rem;padding:1rem}#about .about-content ul li{font-size:1rem}#about .about-content .highlight{font-size:1.2rem;font-weight:400;max-width:100%}#about .about-content li:last-child{margin-bottom:0rem}#about .more-links{display:none}#about .tech-stack-title{font-size:1.2rem;font-weight:600}}#experience{display:flex;flex-direction:column;justify-content:space-between;padding-block:5rem;height:100%}#experience .experience-content{display:flex;flex-direction:row;justify-content:space-between;height:100%;width:100%}#experience .experience-content .jobs{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%}#experience .experience-content .jobs .jobs-container{display:flex;flex-direction:row;justify-content:center;gap:1rem;text-align:left;transition:opacity .2s;width:100%}#experience .experience-content .jobs .jobs-container .vertical-line{background:var(--text-color);height:auto;width:.2rem}#experience .experience-content .jobs .jobs-container .job{display:flex;flex-direction:column;gap:1rem;justify-content:center;min-width:50%;padding:2rem}#experience .experience-content .jobs .jobs-container .job .logos-container{display:flex;flex-direction:column;height:8rem;gap:1rem;flex-wrap:wrap;justify-content:center;align-items:center}#experience .experience-content .jobs .jobs-container .job .logos-container .logo{align-items:center;display:flex;flex-direction:column;justify-content:center;height:3rem;width:3rem}#experience .experience-content .jobs .jobs-container .job .logos-container .logo img{filter:grayscale();height:2rem;transition:all .2s;width:2rem}#experience .experience-content .jobs .jobs-container .job .logos-container .logo p{font-weight:500}#experience .experience-content .jobs .jobs-container .job .logos-container .logo:hover p{font-weight:600}#experience .experience-content .jobs .jobs-container .job .logos-container .logo:hover img{filter:unset;height:2.2rem;width:2.2rem}#experience .experience-content .jobs .jobs-container .job a{text-decoration:underline}#experience .experience-content .jobs .jobs-container .job .description-container{display:flex;flex-direction:column;gap:1rem}#experience .experience-content .control-container{align-items:center;display:flex;height:50vh}#experience .experience-content .control-container .control{align-items:center;display:flex;flex-direction:column;font-size:3rem;font-weight:900;line-height:3rem;text-decoration:none;width:1.5rem;z-index:10}#experience .experience-content .control-container hr{display:flex;transition:width .3s;width:.7rem}#experience .experience-content .control-container .control:hover hr{width:100%}#experience .page-counter{display:flex;font-weight:500;justify-content:center;width:100%}@media only screen and (max-width: 768px){#experience{gap:0}#experience .subtitle{order:1}#experience .experience-content{order:3}#experience .experience-content .jobs{flex-direction:column-reverse}#experience .experience-content .jobs .jobs-container .job{justify-content:start;padding:1rem}#experience .page-counter{justify-content:flex-end;order:2}}@keyframes lighteffect{0%{opacity:1}to{opacity:0}}@keyframes moveforward{0%{transform:translate(0)}to{transform:translate(1rem)}}#projects{display:flex;flex-direction:column;justify-content:start;padding-block:5rem;height:100%}#projects .projects-content{align-items:center;display:flex;flex-direction:column}#projects .projects-content .projects-menu{padding:1rem}#projects .projects-content .projects-menu ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;padding:0}#projects .projects-content .projects-menu ul li{align-items:start;display:flex;flex-direction:column;justify-content:flex-end;font-weight:500;list-style:none;text-align:left;width:7rem}#projects .projects-content .projects-menu ul li hr{transition:width .2s;width:2rem}#projects .projects-content .projects-menu ul li:hover hr,#projects .projects-content .projects-menu ul .selected hr{width:100%}#projects .projects-content .project-container{align-items:center;display:flex;flex-direction:row;justify-content:center;gap:2rem;overflow:hidden;text-align:left;transition:opacity .2s;max-width:200rem}#projects .projects-content .project-container .images{align-items:center;display:flex;flex-direction:column;height:100%}#projects .projects-content .project-container .images .images-container{border:.2rem solid var(--text-color);border-radius:.5rem;display:flex;flex-direction:row;gap:1rem;min-height:27rem;overflow-x:scroll;scroll-behavior:smooth;width:45rem}#projects .projects-content .project-container .images .scroll-sign-container{min-height:3rem}#projects .projects-content .project-container .images .scroll-sign-container .scroll-sign{animation:lighteffect 1s ease-out infinite alternate;display:flex;flex-direction:row;font-style:italic;font-weight:600;gap:.5rem}#projects .projects-content .project-container .images .scroll-sign-container .scroll-sign .arrow{animation:moveforward 1s ease-out infinite alternate;display:flex;font-weight:500}#projects .projects-content .project-container .images .scroll-sign-container .hidden{opacity:0;visibility:hidden;pointer-events:none}#projects .projects-content .project-container .details{display:flex;flex-direction:column;gap:1rem;padding:1rem}#projects .projects-content .project-container .details a{width:fit-content}@media only screen and (max-width: 992px){#projects .projects-content{gap:1rem;height:100%;justify-content:space-between;width:100%}#projects .projects-content .projects-menu{padding:0}#projects .projects-content .projects-menu ul{gap:.5rem}#projects .projects-content .project-container{flex-direction:column;gap:1rem}#projects .projects-content .project-container .images .images-container{width:100%}}@media only screen and (max-width: 768px){#projects .projects-content .project-container .images{display:none}}@media only screen and (min-width: 1900px){#projects .projects-content{gap:2rem}#projects .projects-content .project-container .images .images-container{width:60rem}}footer{display:flex;flex-direction:row;font-weight:500;justify-content:space-between;padding-block:1rem}footer .links{display:flex;flex-direction:row;gap:1rem}footer .links .link a{display:flex;flex-direction:row}footer .links .link a .external-icon{display:flex;transform:rotate(-45deg)}#contact{border-top:.2rem solid var(--text-color);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:2rem;height:100%;min-height:40rem;padding:2rem}#contact .subtitle{font-size:5rem;font-weight:600;text-align:left;padding:1rem;width:40%}#contact .email{font-size:4rem;padding:1rem}@media only screen and (max-width: 992px){#contact{align-items:center;flex-direction:column;padding:0;gap:0;min-height:20rem;justify-content:center}#contact .subtitle{font-size:3rem;text-align:center;width:100%}#contact .email{font-size:min(7vw,1.7rem)}}