@import"https://fonts.googleapis.com/css2?family=Sofia+Sans:wght@200;400&display=swap";*{box-sizing:border-box}.theme--default ::selection{color:#eaeaea;background-color:#202e3b}.theme--dark ::selection{color:#202e3b;background-color:#eaeaea}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Sofia Sans,sans-serif;font-weight:200}#root{transition:background-color .3s}.theme--default #root{color:#202e3b;background-color:#eaeaea}.theme--dark #root{color:#eaeaea;background-color:#202e3b}main{position:relative;display:flex;flex-direction:column;min-height:100vh;max-width:1920px;margin:auto;padding-top:4.5rem}.theme--default a{color:#202e3b}.theme--dark a{color:#eaeaea}.container{position:relative;margin:0 10rem;padding:1.5rem 0}@media (max-width: 991.98px){.container{margin:0 2rem}}@media (max-width: 575.98px){.container{margin:0 1rem}}.container--flex,.container--flex-c,.container--flex-sb{display:flex}@media (max-width: 991.98px){.container--flex,.container--flex-c,.container--flex-sb{flex-direction:column;align-items:center}}.container--flex-sb{justify-content:space-between}.container--flex-c{justify-content:center}.container--flex-header{display:flex;justify-content:flex-end;gap:1rem}.container--section{padding-top:3.5rem;padding-bottom:3.5rem}@media (max-width: 575.98px){.container--section{padding-top:0;padding-bottom:0}}.container.reveal .skills-grid .skill:nth-of-type(n+4){display:initial}.title{font-size:2rem}.paragraph{font-size:1.5rem}header{position:fixed;width:100%;max-width:1920px;top:0;margin:auto;padding:1.5rem 10rem;z-index:2;transition:background-color .3s}.theme--default header{background-color:#eaeaead1}.theme--dark header{background-color:#202e3bd1}@media (max-width: 991.98px){header{padding:1.5rem 2rem}}@media (max-width: 575.98px){header{padding:1.5rem 1rem}}header.fixed-bar{position:fixed;background-color:gray;z-index:1}header.show{top:0;opacity:1}header.no-show{opacity:0}header .menu{border:none;padding:0;background:transparent;height:1.5rem}header .menu .menu-icon{height:100%}.theme--default header .menu .menu-icon path{stroke:#202e3b}.theme--dark header .menu .menu-icon path{stroke:#eaeaea}header .menu:hover .menu-icon path,header .menu:focus .menu-icon path{width:50%}header .navbar{display:none;position:relative;width:12rem;top:0}header .navbar.reveal{display:flex;flex-direction:column;position:absolute;top:4.8rem;align-items:flex-end}header .navbar.reveal:after{content:"";position:absolute;z-index:-1;width:100vw;height:100vh;right:0;top:0;transition:background-color .3s}.theme--default header .navbar.reveal:after{background-color:#eaeaead1}.theme--dark header .navbar.reveal:after{background-color:#202e3bd1}header .navbar__link{position:relative;width:100%;display:flex;justify-content:flex-start;text-decoration:none;padding:1.5rem;font-size:1.5rem;color:#979ca1;font-weight:700}header .navbar__link:before{position:absolute;width:.18rem;height:100%;top:0;right:1.2rem;content:""}.theme--default header .navbar__link:before{background-color:#202e3b}.theme--dark header .navbar__link:before{background-color:#eaeaea}header .navbar__link:after{position:absolute;width:.6rem;height:.6rem;right:1rem;border-radius:1rem;top:50%;content:"";transform:translateY(-50%)}.theme--default header .navbar__link:after{background-color:#202e3b}.theme--dark header .navbar__link:after{background-color:#eaeaea}.theme--default header .navbar__link.highlighted{color:#202e3b}.theme--dark header .navbar__link.highlighted{color:#eaeaea}header .navbar__link.highlighted:after{outline-offset:.5rem}.theme--default header .navbar__link.highlighted:after{outline:solid #202e3b .18rem}.theme--dark header .navbar__link.highlighted:after{outline:solid #eaeaea .18rem}header .menu1-icon{width:2.5rem;height:1.75rem;position:relative}header .menu1-icon>span{transition:width .3s,transform .5s;position:absolute;width:100%;height:.2rem;border-radius:1rem}.theme--default header .menu1-icon>span{background-color:#202e3b}.theme--dark header .menu1-icon>span{background-color:#eaeaea}header .menu1-icon>span:nth-child(1){top:0;right:0;width:75%}header .menu1-icon>span:nth-child(2){top:50%;right:0;transform:translateY(-50%)}header .menu1-icon>span:nth-child(2):after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;border-radius:1rem;transition:transform .5s}.theme--default header .menu1-icon>span:nth-child(2):after{background-color:#202e3b}.theme--dark header .menu1-icon>span:nth-child(2):after{background-color:#eaeaea}header .menu1-icon>span:nth-child(3){bottom:0;right:0;width:50%}header .menu1-icon:not(.reveal):hover>span:nth-child(1){animation:hoverMenu1 .5s ease-in-out alternate infinite}header .menu1-icon:not(.reveal):hover>span:nth-child(2){animation:hoverMenu2 .5s alternate infinite}header .menu1-icon:not(.reveal):hover>span:nth-child(3){animation:hoverMenu3 .5s alternate infinite}@keyframes hoverMenu1{to{width:45%}}@keyframes hoverMenu2{to{width:80%}}@keyframes hoverMenu3{to{width:60%}}header .menu1-icon.reveal>span:nth-child(1),header .menu1-icon.reveal>span:nth-child(3){width:0}header .menu1-icon.reveal>span:nth-child(2){transform:rotate(-45deg)}header .menu1-icon.reveal>span:nth-child(2):after{transform:rotate(90deg)}footer{padding:1rem 0;width:100%}footer .end-line{margin:auto;text-align:center}footer .back-to-top{position:fixed;right:1rem;bottom:1rem;padding:.5rem;cursor:pointer}.theme--default footer .back-to-top{color:#202e3b;background-color:#eaeaea;border:.1rem dashed #202e3b}.theme--dark footer .back-to-top{color:#eaeaea;background-color:#202e3b;border:.1rem dashed #eaeaea}.theme--default footer .back-to-top:hover,.theme--default footer .back-to-top:focus{color:#eaeaea;background-color:#202e3b;border:.1rem dashed #eaeaea}.theme--dark footer .back-to-top:hover,.theme--dark footer .back-to-top:focus{color:#202e3b;background-color:#eaeaea;border:.1rem dashed #202e3b}.btn{cursor:pointer;border:0;background:none}.theme--default .btn{color:#202e3b}.theme--dark .btn{color:#eaeaea}.btn--skill-reveal{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5rem;border:.1rem solid;transition:background-color .3s}.theme--default .btn--skill-reveal{border:.1rem solid #202e3b}.theme--dark .btn--skill-reveal{border:.1rem solid #eaeaea}.theme--default .btn--skill-reveal:hover,.theme--default .btn--skill-reveal:focus{background-color:#202e3b;color:#eaeaea}.theme--dark .btn--skill-reveal:hover,.theme--dark .btn--skill-reveal:focus{background-color:#eaeaea;color:#202e3b}.btn--reset{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;outline:none;cursor:pointer}.theme-icon{width:40px;height:100%}.theme--default .theme-icon{stroke:#202e3b}.theme--dark .theme-icon{stroke:#eaeaea}.theme-icon:hover>.rotable,.theme-icon:focus>.rotable{animation:flashing .6s linear infinite alternate}@keyframes flashing{0%{opacity:1}to{opacity:.3}}.theme-icon .rotable{transition:transform .6s}.theme-icon .lights{transform-origin:center bottom}.theme--default .theme-icon .lights{transform:rotate(0)}.theme--dark .theme-icon .lights{transform:rotate(180deg)}.theme-icon .stars{transform-origin:center bottom}.theme--default .theme-icon .stars{transform:rotate(180deg)}.theme--dark .theme-icon .stars{transform:rotate(0)}.page-not-found{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.page-not-found h1.title{font-size:6em;font-weight:600;margin:0 auto;text-decoration:underline}.page-not-found section.content{flex:1;display:flex;flex-direction:row;gap:0 3rem;width:100%}@media (max-width: 991.98px){.page-not-found section.content{flex-direction:column-reverse;justify-content:center}}.page-not-found .message{display:flex;flex-direction:column;justify-content:center;width:60%}.page-not-found .message--large{text-transform:capitalize;font-size:4em;font-weight:600;margin:0 0 1rem}.page-not-found .message--medium{font-size:3em;font-weight:400;margin:0 0 2rem}.page-not-found .message--small{font-size:2em;font-weight:200}@media (max-width: 991.98px){.page-not-found .message{width:100%;text-align:center}}.page-not-found .blob{position:relative;display:flex;justify-content:center;align-items:center}.page-not-found .blob img.profile-picture{position:absolute;width:55%}.page-not-found .blob svg#blobSvg{width:100%}.theme--default .page-not-found .blob svg#blobSvg{fill:#202e3b}.theme--dark .page-not-found .blob svg#blobSvg{fill:#eaeaea}@media (min-width: 992px){.page-not-found .blob{flex:1}}@media (max-width: 991.98px){.page-not-found .blob{width:60%;align-self:center}}@media (min-width: 992px){.page-not-found{font-size:16px}}@media (max-width: 991.98px){.page-not-found{font-size:8px}}@media (max-width: 991.98px){.page-not-found{padding:0 3rem}}.intro-text{font-size:2rem;padding:2rem 0}.intro-text .name{font-size:3rem;font-weight:200;text-transform:uppercase}.cover .propic-svg{max-width:40rem;min-height:31rem;width:100%}@media (max-width: 575.98px){.cover .propic-svg{min-height:auto}}.theme--default .cover .propic-svg__path{stroke:#202e3b}.theme--dark .cover .propic-svg__path{stroke:#eaeaea}.theme--default .cover .propic-svg__circle{stroke:#202e3b}.theme--dark .cover .propic-svg__circle{stroke:#eaeaea}.skills-grid{display:grid;grid-template-columns:repeat(2,50%);grid-auto-rows:1fr}@media (max-width: 991.98px){.skills-grid{grid-template-columns:100%}}.skills-grid .skill{display:flex;flex-direction:column;margin-bottom:1rem}.skills-grid .skill:nth-of-type(n+4){display:none}.skills-grid .skill__header{display:flex;align-items:center;gap:2rem;margin-bottom:.5rem}@media (max-width: 575.98px){.skills-grid .skill__header{gap:1rem}}.skills-grid .skill__title{font-size:1.5rem;flex:1;margin:0}.skills-grid .skill__item{font-size:1.5rem;line-height:2rem;margin:0;padding-left:5rem}@media (max-width: 575.98px){.skills-grid .skill__item{font-size:1rem;line-height:1.5rem}}.svg-skill{width:3rem;height:3rem}.theme--default .svg-path-stroke{stroke:#202e3b}.theme--dark .svg-path-stroke{stroke:#eaeaea}.about-text{max-width:46rem}.contact-list{list-style:none;padding:0;margin:3rem 0}.contact-list .contact-item{position:relative;display:flex;align-items:center;gap:2rem;margin:2rem 0}@media (max-width: 575.98px){.contact-list .contact-item{gap:1rem}}.contact-list .contact-item__icon{width:2rem;height:2rem}.theme--default .contact-list .contact-item__icon path{fill:#202e3b}.theme--dark .contact-list .contact-item__icon path{fill:#eaeaea}.contact-list .contact-item__link{text-decoration:none}.contact-list .contact-item__link:hover,.contact-list .contact-item__link:focus{text-decoration:underline;outline-style:none}.contact-list .contact-item__link:hover .link-tag,.contact-list .contact-item__link:focus .link-tag{display:flex}.contact-list .contact-item__title{display:flex;align-items:center;gap:.5rem;font-weight:700;margin:0}@media (max-width: 575.98px){.contact-list .contact-item__title{font-size:1rem}}.contact-list .contact-item .link-tag{position:absolute;display:none;pointer-events:none;border:1px solid;border-radius:.1rem;top:-1.5rem;padding:.2rem .5rem;font-size:1rem;font-weight:700}.contact-list .contact-item .input-wrap{position:relative}.contact-list .contact-item .input-wrap .copy-text{border:.1rem dashed;padding:.5rem 1rem;font-size:1.5rem;background-color:transparent;overflow:scroll;resize:none;transition:background-color .3s;cursor:pointer}.contact-list .contact-item .input-wrap .copy-text:hover,.contact-list .contact-item .input-wrap .copy-text:focus{outline-style:none}.theme--default .contact-list .contact-item .input-wrap .copy-text:hover,.theme--default .contact-list .contact-item .input-wrap .copy-text:focus{background-color:#202e3b;color:#eaeaea}.theme--dark .contact-list .contact-item .input-wrap .copy-text:hover,.theme--dark .contact-list .contact-item .input-wrap .copy-text:focus{background-color:#eaeaea;color:#202e3b}.theme--default .contact-list .contact-item .input-wrap .copy-text:hover~.svg-clipboard,.theme--default .contact-list .contact-item .input-wrap .copy-text:focus~.svg-clipboard{fill:#eaeaea}.theme--dark .contact-list .contact-item .input-wrap .copy-text:hover~.svg-clipboard,.theme--dark .contact-list .contact-item .input-wrap .copy-text:focus~.svg-clipboard{fill:#202e3b}.theme--default .contact-list .contact-item .input-wrap .copy-text{color:#202e3b}.theme--dark .contact-list .contact-item .input-wrap .copy-text{color:#eaeaea}@media (max-width: 575.98px){.contact-list .contact-item .input-wrap .copy-text{font-size:1rem}}.contact-list .contact-item .input-wrap .copy-tag{position:absolute;display:none;top:-2.5rem;left:0rem;font-weight:700;padding:.2rem .5rem}.theme--default .contact-list .contact-item .input-wrap .copy-tag{background-color:#202e3b;color:#eaeaea}.theme--dark .contact-list .contact-item .input-wrap .copy-tag{background-color:#eaeaea;color:#202e3b}.contact-list .contact-item .input-wrap .copy-tag.confirm{display:block}.contact-list .contact-item .input-wrap .copy-tag:after{content:"";position:absolute;bottom:-.5rem;left:.5rem;width:0;height:0;border-left:.5rem solid transparent;border-right:.5rem solid transparent}.theme--default .contact-list .contact-item .input-wrap .copy-tag:after{border-top:.5rem solid #202e3b}.theme--dark .contact-list .contact-item .input-wrap .copy-tag:after{border-top:.5rem solid #eaeaea}.contact-message{font-size:1.5rem}.svg-clipboard{width:1.5rem;height:1.5rem;position:absolute;right:.5rem;top:.8rem;pointer-events:none}.theme--default .svg-clipboard{fill:#202e3b}.theme--dark .svg-clipboard{fill:#eaeaea}@media (max-width: 575.98px){.svg-clipboard{width:1rem;height:1rem}}@media (max-width: 575.98px){.svg-clipboard{right:.5rem;top:.7rem}}.svg-hyperlink{width:1.5rem;height:1.5rem;pointer-events:none}.theme--default .svg-hyperlink{fill:#202e3b}.theme--dark .svg-hyperlink{fill:#eaeaea}@media (max-width: 575.98px){.svg-hyperlink{width:1rem;height:1rem}}.work-item{display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:1rem;border:.1rem solid white;flex:0 0 calc(33.3333333333% - 2rem);margin:2rem 0 2rem 1rem;transform:scale(.98);transition:transform .3s}.work-item:first-child{margin-left:0}.theme--default .work-item{border:.3rem solid #202e3b}.theme--dark .work-item{border:.3rem solid #eaeaea}@media (max-width: 1399.98px){.work-item{flex:0 0 calc(50% - 1.5rem)}}@media (max-width: 991.98px){.work-item{flex:0 0 100%;margin-left:.5rem}}.work-item__order{position:absolute;font-size:1.5rem;font-weight:700;right:1rem}.work-item__title{font-size:3rem;max-height:10rem;text-overflow:ellipsis;overflow:hidden}.work-item__description{font-size:1.5rem;overflow:hidden;max-height:5.5rem;text-overflow:ellipsis}.work-item__link{display:flex;width:100%;justify-content:center;font-size:1rem;font-weight:700;text-decoration:none;align-items:center;padding:.5rem;transition:background-color .3s}.theme--default .work-item__link{border:.1rem solid #202e3b}.theme--dark .work-item__link{border:.1rem solid #eaeaea}.theme--default .work-item__link:hover,.theme--default .work-item__link:focus{background-color:#202e3b;color:#eaeaea}.theme--default .work-item__link:hover .work-item__link-icon,.theme--default .work-item__link:focus .work-item__link-icon{fill:#eaeaea}.theme--dark .work-item__link:hover,.theme--dark .work-item__link:focus{background-color:#eaeaea;color:#202e3b}.theme--dark .work-item__link:hover .work-item__link-icon,.theme--dark .work-item__link:focus .work-item__link-icon{fill:#202e3b}.work-item__link-icon{width:1rem;height:1rem}.theme--default .work-item__link-icon{fill:#202e3b}.theme--dark .work-item__link-icon{fill:#eaeaea}.carousel{position:relative;width:100%;overflow-x:scroll;overflow-y:hidden;display:flex;gap:2rem;transition:transform .3s;-webkit-user-select:none;user-select:none;cursor:grabbing}.carousel:active .work-item{transform:scale(1)}.slide{position:relative}.slide__controller-wrap{position:absolute;z-index:1;display:flex;justify-content:center;right:0}.slide__controller-wrap.hidden{pointer-events:none;opacity:0}.slide__controller{background:none;border:0;cursor:pointer;padding:0 .5rem;display:flex;align-items:center;transition:background-color .3s,opacity .3s}.theme--default .slide__controller:hover,.theme--default .slide__controller:focus{background-color:#eaeaead1}.theme--dark .slide__controller:hover,.theme--dark .slide__controller:focus{background-color:#202e3bd1}.slide__controller--left{right:3rem}.slide__controller--right{right:0}.slide__controller.hidden{pointer-events:none;opacity:0}.slide__controller .controller-icon{width:1.5rem;height:1.5rem}.theme--default .slide__controller .controller-icon{fill:#202e3b}.theme--dark .slide__controller .controller-icon{fill:#eaeaea}.theme--default .slide__controller .controller-icon:hover,.theme--default .slide__controller .controller-icon:focus{stroke:#eaeaea}.theme--dark .slide__controller .controller-icon:hover,.theme--dark .slide__controller .controller-icon:focus{stroke:#202e3b}.theme--default .slide__controller .controller-icon:active,.theme--dark .slide__controller .controller-icon:active{filter:brightness(.9)}