.titlebar{display:flex;align-items:center;height:2.4rem;color:#e1e4e8;border-bottom:1px solid #1b1f23}.titlebar__logo{padding-left:.5rem}.titlebar__menu{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem}.titlebar__menu-item{cursor:pointer}@media (max-width: 800px){.titlebar__menu{display:none}}.titlebar__name{flex:1;text-align:center}.titlebar__buttons{display:flex;align-items:center;gap:.6rem;padding-right:.5rem}.titlebar__button{display:flex;justify-content:center;align-items:center;width:.8rem;height:.8rem;border:none;border-radius:50%;cursor:pointer}@media (min-width: 800px){.titlebar__button{width:1rem;height:1rem}}.titlebar__button.minimize{background-color:#29c83f}.titlebar__button.maximize{background-color:#febc2e}.titlebar__button.close{background-color:#ff5f58}.footer{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:.8rem;color:#e1e4e8;padding:.4rem 1rem;border-top:1px solid #1b1f23}@media (min-width: 800px){.footer{font-size:.9rem}}.footer-list{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.footer-list__item{display:flex;align-items:center;gap:.3rem;padding:.1rem .2rem;border-radius:4px;cursor:pointer}.footer-list__item svg{fill:#95999d;width:18px;height:auto}.footer-list__item:hover{background-color:#4f4f52}.sidebar{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;background-color:#1f2428}.sidebar__menu{display:flex;flex-direction:column;gap:.4rem}@media (min-width: 800px){.sidebar__menu{gap:.8rem}}.sidebar__item.-contact svg,.sidebar__item.-articles svg,.sidebar__item.-home svg,.sidebar__item.-user svg{fill:none;stroke:#95999d}body[data-theme=dark] .sidebar__item.-contact .-active svg,body[data-theme=dark] .sidebar__item.-articles .-active svg,body[data-theme=dark] .sidebar__item.-home .-active svg,body[data-theme=dark] .sidebar__item.-user .-active svg{fill:none;stroke:#e1e4e8}.sidebar__item svg{fill:#95999d;width:20px;height:auto}@media (min-width: 400px){.sidebar__item svg{width:24px}}@media (min-width: 600px){.sidebar__item svg{width:28px}}@media (min-width: 800px){.sidebar__item svg{width:34px}}.sidebar__link{display:block;padding:.3rem .4rem}@media (min-width: 400px){.sidebar__link{padding:.3rem .5rem}}@media (min-width: 800px){.sidebar__link{padding:.5rem 1rem}}.sidebar__link.-active{border-left:1px solid #f97583}body[data-theme=dark] .sidebar__link.-active svg{fill:#e1e4e8}.sidebar__link:hover{background-color:#1b1f23}.explorer-section{padding:.5rem .8rem 1rem;width:200px;border-right:1px solid #1b1f23;box-sizing:border-box}@media (max-width: 800px){.explorer-section{display:none}}@media (min-width: 1024px){.explorer-section{padding:.5rem 1.2rem 1rem}}.explorer{margin:1rem 0 0}.explorer__title{font-size:1rem;font-weight:400;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:1px}.explorer__portfolio-title{display:flex;font-size:1rem;font-weight:600;text-transform:uppercase;cursor:pointer}.explorer__arrow{transition:transform .3s ease}.explorer__arrow.-closed{transform:rotate(-90deg)}.explorer__arrow.-open{transform:rotate(0)}.explorer__list{margin-top:.8rem}.explorer__list.-collapsed{display:none}.explorer__item{margin:0 0 .5rem}.explorer__link{display:flex;gap:.5rem;color:#e1e4e8;text-decoration:none}.tabsbar{display:flex;flex-direction:column;background-color:#24292e}@media (min-width: 400px){.tabsbar{flex-direction:row}}.tabsbar__tabs{overflow-x:auto}.tabsbar__tabs::-webkit-scrollbar{height:.75rem}.tabsbar__tabs::-webkit-scrollbar-thumb{background-color:#f97583;transition:all .3s ease}.tabsbar__tabs::-webkit-scrollbar-thumb:hover{background-color:#f74457}.tabsbar__tabs::-webkit-scrollbar-track{background-color:#e1e4e8}.tabsbar__link{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;font-size:.9rem;color:#e1e4e8;text-decoration:none;border-right:1px solid #1b1f23}@media (min-width: 800px){.tabsbar__link{font-size:1rem}}@media (min-width: 1200px){.tabsbar__link{gap:.6rem;padding:.5rem 1rem}}.tabsbar__link.-active{background-color:#1f2428;border-top:1px solid #f97583}.tabsbar__icon{width:16px;height:auto}@media (min-width: 800px){.tabsbar__icon{width:20px}}.home-page{font-size:clamp(.75rem,1.8vw,1.4rem);color:#f8f8f2;border-radius:8px}.home-page pre{margin:0;line-height:1.6;white-space:pre-line}.line-number{display:inline-block;width:2rem;color:#75715e;-webkit-user-select:none;user-select:none}.keyword{color:#66d9ef}.variable{color:#a6e22e}.string{color:#e6db74}.array{color:#ae81ff}.function{color:#f92672}.element{color:#f8f8f2}.about-page{font-size:clamp(.75rem,1.8vw,1.4rem);line-height:1.6}.about-page pre{white-space:pre-line}.element{color:#569cd6}.projects-page__title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1.5rem}.projects-page__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}@media (min-width: 800px){.projects-page__grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}}@media (min-width: 1200px){.projects-page__grid{gap:2rem}}.project-card{background-color:#24292e;color:#e1e4e8;border-radius:10px}.project-card__picture{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px}@media (min-width: 1200px){.project-card__picture{margin-bottom:1rem}}.project-card__picture:empty{background:#dcdcdc url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20version='1.0'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='800px'%20height='800px'%20viewBox='0%200%2064.00%2064.00'%20enable-background='new%200%200%2064%2064'%20xml:space='preserve'%20fill='%231f2428'%20stroke='%231f2428'%20stroke-width='0.00064'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cg%3e%3cpath%20fill='%231f2428'%20d='M32,50c7.732,0,14-6.268,14-14s-6.268-14-14-14s-14,6.268-14,14S24.268,50,32,50z%20M32,24%20c6.627,0,12,5.373,12,12s-5.373,12-12,12s-12-5.373-12-12S25.373,24,32,24z'/%3e%3cpath%20fill='%231f2428'%20d='M60,12c0,0-7,0-8,0s-1.582,0.004-2.793-1.207s-5.538-5.538-5.538-5.538C43.481,5.067,42.33,4,41,4%20S24.453,4,23,4s-2.498,1.084-2.686,1.271c0,0-4.326,4.326-5.521,5.521S13.018,12,12,12V9c0-0.553-0.447-1-1-1H5%20C4.447,8,4,8.447,4,9v3c-2.211,0-4,1.789-4,4v40c0,2.211,1.789,4,4,4h56c2.211,0,4-1.789,4-4V16C64,13.789,62.211,12,60,12z%20M6,10%20h4v2c-1.24,0-2.782,0-4,0V10z%20M4,14c0,0,8,0,9,0s2.027-0.613,2.707-1.293s5.281-5.281,5.984-5.984S23.5,6,23.5,6h17%20c0,0,1.074-0.012,1.832,0.746s5.215,5.215,5.961,5.961S50,14,51,14s9,0,9,0c1.104,0,2,0.896,2,2v12H48.107%20C45.16,22.078,39.063,18,32,18s-13.16,4.078-16.107,10H2V16C2,14.896,2.896,14,4,14z%20M32,20c8.837,0,16,7.163,16,16%20c0,8.838-7.163,16-16,16s-16-7.162-16-16C16,27.163,23.163,20,32,20z%20M60,58H4c-1.104,0-2-0.896-2-2V30h13.046%20C14.381,31.879,14,33.893,14,36c0,9.941,8.059,18,18,18s18-8.059,18-18c0-2.107-0.381-4.121-1.046-6H62v26%20C62,57.104,61.104,58,60,58z'/%3e%3cpath%20fill='%231f2428'%20d='M32,30c3.313,0,6,2.687,6,6c0,0.553,0.447,1,1,1s1-0.447,1-1c0-4.418-3.582-8-8-8c-0.553,0-1,0.447-1,1%20S31.447,30,32,30z'/%3e%3cpath%20fill='%231f2428'%20d='M55,24c1.657,0,3-1.344,3-3s-1.343-3-3-3s-3,1.344-3,3S53.343,24,55,24z%20M55,20c0.553,0,1,0.447,1,1%20s-0.447,1-1,1s-1-0.447-1-1S54.447,20,55,20z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center/30%}.project-card__img{width:100%;height:auto;border-radius:10px}.project-card__content{padding:.5rem 1rem 1.5rem}@media (min-width: 1200px){.project-card__content{padding:.5rem 1.5rem 2rem}}.project-card__title{font-size:clamp(1.2rem,2vw,1.5rem);margin-bottom:.5rem}.project-card__description{margin-bottom:.5rem;font-size:1rem;color:#dcdcdc}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.project-card__tags__tag{display:inline-block;padding:.1rem .5rem;font-size:.75rem;background-color:#1f2428;color:#e1e4e8;text-transform:lowercase;border-radius:50px;border:1px solid #e1e4e8}@media (min-width: 800px){.project-card__tags__tag{padding:.2rem .7rem;font-size:.8rem}}.project-card__links{margin-top:1rem}.project-card__links__link{margin-right:1rem;font-size:1rem;color:#e1e4e8;background-image:linear-gradient(120deg,#f97583 100%,#f97583);background-repeat:no-repeat;background-size:100% .2em;background-position:0 88%;text-decoration:none;transition:background-size .3s ease}.project-card__links__link:hover{background-size:100% 1.4em}.project-card__links__link--disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background-image:none}@media (min-width: 800px){.project-card__links__link{font-size:1.2rem}}.card{padding:1rem;background-color:#24292e;color:#e1e4e8;border:1px solid rgba(255,255,255,.1);border-radius:5px;text-decoration:none;transition:background-color .3s ease}@media (min-width: 1200px){.card{padding:1.5rem}}.card:hover{background-color:#ffffff1a}.card__icon{width:2.5rem;height:2.5rem;margin-bottom:.5rem}.card__title{margin-bottom:.5rem;font-size:clamp(1.2rem,2vw,1.5rem)}.card__description{font-size:1rem;color:#95999d}.card__link{color:#f97583;text-decoration:underline;transition:color .3s}.card__link:hover{color:#b392f0}.skills-page__title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1.5rem}.skills-page__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}@media (min-width: 800px){.skills-page__cards{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}}@media (min-width: 1200px){.skills-page__cards{gap:2rem}}.skills-page__section{padding-bottom:3rem}.skills-page__subtitle{font-size:1.6rem;margin-bottom:1rem}.contact-page{font-size:clamp(.75rem,1.8vw,1.4rem);line-height:1.6}.contact-page pre{white-space:pre-line}.line-number{color:#75715e;-webkit-user-select:none;user-select:none}.selector{color:#569cd6}.property{color:#dcdcaa}.value{color:#ce9178;text-decoration:none}.value:hover{text-decoration:underline}.articles-page__title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1.5rem}.articles-page__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}@media (min-width: 800px){.articles-page__list{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}}@media (min-width: 1200px){.articles-page__list{gap:2rem}}.articles-page__item{display:flex}.articles-page__link{display:flex;padding:1rem;background-color:#24292e;color:#e1e4e8;text-decoration:none;transition:all .3s ease}.articles-page__link:hover{background-color:#1f2428}.articles-page__link:hover .article-card__title{color:#e1e4e8}@media (min-width: 1200px){.articles-page__link{padding:1.5rem}}.articles-page__link--dev{color:#e1e4e8;background-image:linear-gradient(120deg,#f97583 100%,#f97583);background-repeat:no-repeat;background-size:100% .2em;background-position:0 88%;text-decoration:none;transition:background-size .3s ease}.articles-page__link--dev:hover{background-size:100% 1.4em}.article-card__title{margin-bottom:.5rem;font-size:clamp(1.2rem,2vw,1.5rem);color:#f97583}.article-card__description{margin-bottom:.5rem}@media (min-width: 1200px){.article-card__description{margin-bottom:1rem}}.article-card__published{font-size:.9rem;margin-bottom:.5rem;color:#bdbdbd}.article-card__meta{display:flex;gap:1rem;font-size:.9rem;color:#bdbdbd}.loader{display:flex;justify-content:center;align-items:center;height:100vh}.loader .spinner{width:40px;height:40px;border:5px solid #444;border-top:5px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.github-page__title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1.5rem}.github-page__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}@media (min-width: 800px){.github-page__list{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}}@media (min-width: 1200px){.github-page__list{gap:2rem}}.github-page__item{display:flex}.github-page__link{display:flex;flex:1;padding:1rem;background-color:#24292e;color:#e1e4e8;text-decoration:none;transition:all .3s ease}.github-page__link:hover{background-color:#1f2428}.github-page__link:hover .repo-card__title{color:#e1e4e8}@media (min-width: 1200px){.github-page__link{padding:1.5rem}}.repo-card__title{font-size:clamp(1.2rem,2vw,1.5rem);margin-bottom:.5rem;color:#f97583}.repo-card__description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.timeline-page__title{font-size:2rem;margin-bottom:1.5rem}.timeline-page .timeline{list-style:none;padding:0;position:relative}.timeline-page .timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:#95999d}.timeline-page .timeline__event{position:relative;padding-left:2rem;margin-bottom:2rem}.timeline-page .timeline__event:before{content:"";position:absolute;left:-.3rem;top:.5rem;width:.75rem;height:.75rem;background-color:#95999d;border-radius:50%}.timeline-page .timeline__date{font-size:.875rem;color:#95999d;margin-bottom:.5rem}.timeline-page .timeline__title{font-size:1.25rem;color:#e1e4e8;margin-bottom:.25rem}.timeline-page .timeline__description{font-size:1rem;color:#95999d}.settings-page{padding:2rem}.settings-page__title{font-size:2rem;margin-bottom:1.5rem}.settings-page__cards{display:flex;gap:2rem}.settings-page .settings-card{padding:1.5rem;background-color:#1f2428;border:1px solid rgba(225,228,232,.1);border-radius:8px;cursor:pointer;transition:background-color .3s ease}.settings-page .settings-card__title{font-size:1.2rem;color:#e1e4e8}.settings-page .settings-card__description{color:#95999d}.settings-page .settings-card:hover{background-color:#24292e}.settings-page .settings-card:hover .settings-card__description{color:#e1e4e8}.settings-page .settings-card.-active{background-color:#24292e}body[data-theme=light]{background-color:#eee;color:#24292e}body[data-theme=light] .titlebar,body[data-theme=light] .footer,body[data-theme=light] .sidebar,body[data-theme=light] .explorer-section,body[data-theme=light] .layout__inner,body[data-theme=light] .tabsbar{background-color:#e1e4e8;color:#24292e}body[data-theme=light] .card{background-color:#f8f8f8;border-color:#dcdcdc;color:#24292e}body[data-theme=light] .sidebar__link:hover,body[data-theme=light] .sidebar__link.-active{background-color:#eee;color:#fff}body[data-theme=light] .tabsbar__link:hover,body[data-theme=light] .tabsbar__link.-active{background-color:#eee}body[data-theme=light] .settings-card{background-color:#f8f8f8;border-color:#dcdcdc;color:#24292e}body[data-theme=light] .settings-card__title{color:#24292e}body[data-theme=light] .settings-card:hover{background-color:#e1e4e8}body[data-theme=light] .settings-card:hover .settings-card__description{color:#24292e}body[data-theme=light] .settings-card.-active{background-color:#e1e4e8;color:#fff}body[data-theme=light] .explorer__arrow{filter:invert(1)}body[data-theme=light] .home-page{color:#24292e}body[data-theme=light] .home-page .string{color:#f97583}body[data-theme=light] .home-page .variable{color:#9b0717}body[data-theme=light] .contact-page .property{color:#f97583}body[data-theme=light] .project-card{background-color:#eee;color:#24292e}body[data-theme=light] .project-card__description{color:#1f2428}body[data-theme=light] .project-card__links__link{color:#24292e}body[data-theme=light] .articles-page__link{background-color:#eee;color:#24292e}body[data-theme=light] .articles-page__link--dev{color:#24292e}body[data-theme=light] .articles-page__link:hover{background-color:#e1e4e8}body[data-theme=light] .articles-page .article-card__title{color:#1f2428}body[data-theme=light] .articles-page .article-card__published,body[data-theme=light] .articles-page .article-card__meta{color:#24292e}body[data-theme=light] .github-page__link{background-color:#eee;color:#24292e}body[data-theme=light] .github-page__link:hover{background-color:#e1e4e8}body[data-theme=light] .github-page .repo-card__title,body[data-theme=light] .timeline__date,body[data-theme=light] .timeline__description{color:#24292e}body[data-theme=light] .timeline__title{color:#1f2428}body[data-theme=light] .titlebar__menu-item,body[data-theme=light] .footer-list__item,body[data-theme=light] .explorer__name,body[data-theme=light] .tabsbar__link{color:#24292e}body[data-theme=light] .titlebar__menu-item .footer,body[data-theme=light] .footer-list__item .footer,body[data-theme=light] .explorer__name .footer,body[data-theme=light] .tabsbar__link .footer{border-top:1px solid #dcdcdc}body[data-theme=light] .titlebar__menu-item .settings-card.-active,body[data-theme=light] .footer-list__item .settings-card.-active,body[data-theme=light] .explorer__name .settings-card.-active,body[data-theme=light] .tabsbar__link .settings-card.-active{background-color:gold;color:#333}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center}.not-found h1{font-size:4rem;margin-bottom:1rem}.not-found p{font-size:1.2rem;margin-bottom:1.5rem}.not-found a{font-size:1rem;color:#fff;text-decoration:none;border:1px solid #f97583;padding:.5rem 1rem;transition:background-color .3s}.not-found a:hover{background-color:#f97583;color:#24292e}.content{padding:2vw;width:100%}.layout{display:flex;min-height:calc(100vh - 5rem)}.layout__inner{width:100%;background-color:#1f2428;overflow-x:hidden}.layout__content{width:100%;padding:1rem}*{margin:0;padding:0;box-sizing:border-box;list-style-type:none}body{margin:0;background:#24292e;color:#e1e4e8;-webkit-font-smoothing:antialiased;font-family:"Source Sans 3",sans-serif}body ::selection{background-color:#f97583;color:#24292e}.mobile-warning{position:fixed;top:10%;left:50%;transform:translate(-50%);background-color:#1b1f23;color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0003;text-align:center;z-index:1000}.mobile-warning__close{background:#fff;color:#1b1f23;border:none;border-radius:4px;padding:.5rem 1rem;margin-top:1rem;cursor:pointer;transition:all .3s ease}.mobile-warning__close:hover{background:#ddd}