@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap);.navbar{align-items:center;background:var(--clr-black);box-shadow:var(--main-boxshadow);display:flex;height:3.5rem;justify-content:space-between;position:fixed;text-transform:uppercase;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:100}.nav-header{padding-left:1rem}.nav-header span a{color:var(--clr-white);font-size:2rem;font-weight:700;text-decoration:none}.nav-links{align-items:flex-end;display:flex;justify-content:space-around;list-style:none;transition:var(--slow-transition);width:min(50%,550px)}.nav-links .active{color:var(--clr-white)}li a.list-item:focus-visible:after,li a.list-item:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center}li a.list-item:after{background:var(--clr-white);bottom:0;content:"";display:flex;height:1px;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;transition:transform .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1);width:100%}.nav-links li a{color:var(--clr-white-dark);font-size:1.25rem;text-decoration:none;transition:var(--fast-transition)}.nav-links li:hover a{color:var(--clr-white)}.nav-links li a:focus-visible{color:var(--clr-white)}.burger{cursor:pointer;display:none;margin-right:1rem}.burger,.burger>div{transition:var(--fast-transition)}.burger>div{background:var(--clr-white);height:3px;margin:5px;width:25px}.burger-active .line-1{-webkit-transform:rotate(-45deg) translate(-5px,6px);transform:rotate(-45deg) translate(-5px,6px)}.burger-active .line-2{opacity:0}.burger-active .line-3{-webkit-transform:rotate(45deg) translate(-5px,-6px);transform:rotate(45deg) translate(-5px,-6px)}.nav-links-active{overflow-y:hidden;-webkit-transform:translate(0)!important;transform:translate(0)!important}@media screen and (max-width:800px){.nav-links{align-items:center;background:var(--clr-black);flex-direction:column;height:calc(100vh - 3.5rem);justify-content:flex-start;padding-top:6rem;position:absolute;right:0;row-gap:1.5rem;top:3.5rem;-webkit-transform:translate(101%);transform:translate(101%);width:min(250px,100vw);z-index:3}.nav-links li a{color:var(--clr-white-dark);font-size:1.5rem}.nav-links li:active a{color:var(--clr-white)}.nav-links li{opacity:0}li a.list-item:after{content:none}.burger{display:block}}.commit-container{margin:2rem 0;width:100%}.commits-list-header-skeleton{height:28px;margin-bottom:1rem}.commits-list-skeleton{height:321px;margin-bottom:1rem;@media screen and (max-width:568px){height:465px}@media screen and (max-width:378px){height:563px}}.commit-container{li{display:flex;flex-direction:column;gap:1rem;padding:1rem;transition:var(--fast-transition);&:hover{background:var(--clr-white-light)}>div{display:flex;gap:1rem;justify-content:space-between;@media screen and (max-width:568px){flex-direction:column;gap:1rem}>div:first-of-type{align-items:center;display:flex;gap:.5rem;@media screen and (max-width:568px){justify-content:space-between}@media screen and (max-width:378px){flex-direction:column}a{display:flex;img{border-radius:50%;height:32px;width:32px}}>div{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;span{padding-left:.25rem}}}>div:nth-of-type(2){display:flex;gap:.5rem;@media screen and (max-width:568px){>*{flex-basis:100%;justify-content:center}}}}}hr:not(:last-child){border:none;border-top:1.6px dashed var(--clr-white-dark);height:1.6px;margin:0 auto;width:calc(100% - 2rem)}>div{>div{display:flex;flex-direction:column;gap:.5rem;>span{background:var(--clr-secondary);height:1.5rem;margin-left:calc(12px + 1rem);width:4px}>div{align-items:center;display:flex;gap:1rem;padding-left:1rem}}}h2,h3{font-size:1.25rem;line-height:28px;margin-bottom:0}.commit-msg-header a{color:var(--clr-black);line-height:24px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;&:hover{text-decoration:underline!important}&:active{-webkit-text-decoration:dashed underline!important;text-decoration:dashed underline!important}}ul{display:flex;flex-direction:column;list-style-type:none;overflow:hidden}}a.commit-author{color:var(--clr-black);text-decoration:none!important;&:hover{text-decoration:underline!important}&:active{-webkit-text-decoration:dashed underline!important;text-decoration:dashed underline!important}}@media screen and (max-width:500px){.commit-container{margin:1.5rem 0}}.to-top{align-items:center;background:var(--clr-white);border:2px solid var(--clr-black);border-radius:50%;bottom:.7rem;color:var(--clr-black);cursor:pointer;display:flex;font-size:1.5rem;height:2.6rem;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:1.25rem;text-decoration:none;transition:var(--slow-transition);width:2.6rem;z-index:10}.to-top:focus-visible,.to-top:hover{background:var(--clr-secondary);color:var(--clr-white);outline:solid 2px var(--clr-white)}.to-top.active{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;-webkit-animation-delay:1s;animation-delay:1s;bottom:1.15rem;opacity:1;pointer-events:auto}@media screen and (max-width:500px){.to-top{bottom:.5rem;font-size:1.4rem;height:2.2rem;right:1rem;width:2.2rem}.to-top:hover{background:var(--clr-white);color:var(--clr-black)}.to-top:active{background:var(--clr-secondary);color:var(--clr-white)}.to-top.active{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;-webkit-animation-delay:1s;animation-delay:1s;bottom:.95rem;opacity:1;pointer-events:auto}}*{box-sizing:border-box;font-family:Titillium Web,sans-serif;margin:0;padding:0}:root{--clr-body:#eee;--clr-secondary:#a187c4;--clr-black:#1b1b1b;--clr-black-light:#2e2e2e;--clr-white:#fafafa;--clr-white-light:#ebebeb;--clr-skeleton-light:#e6e6e6;--clr-skeleton-dark:#d7d7d7;--clr-white-dark:#a8a8a8;--fast-transition:all 0.2s ease;--slow-transition:all 0.3s ease;--main-boxshadow:0px 1px 13px 0px rgba(27,27,27,.35);--main-border-radius:4px;--border-radius-lg:8px;--main-border-radius-top:4px 4px 0 0}html{overflow-y:scroll}body,html{overflow-x:hidden}body{background:#eee;background:var(--clr-body)}.content-header h2,h1{color:#1b1b1b;color:var(--clr-black);font-size:2.5rem;line-height:46px;margin-bottom:.5rem}h2,h3{font-size:1.75rem;line-height:32px;margin-bottom:1rem}button{border:none}li a{display:block;overflow:hidden}.container,li a{position:relative}.container{display:flex;flex-direction:column;margin:3.5rem auto 0;min-height:calc(100vh - 3.5rem);width:min(1140px,92vw)}.card{background-color:#fafafa;background-color:var(--clr-white);border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 1px 13px 0 rgba(27,27,27,.35);box-shadow:var(--main-boxshadow);color:#1b1b1b;color:var(--clr-black);overflow:hidden;width:100%}.skeleton-container{display:flex;flex-direction:column;gap:1rem}.skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate;border-radius:8px;border-radius:var(--border-radius-lg);width:100%}.btn{background:#1b1b1b;background:var(--clr-black);background-image:linear-gradient(90deg,#1b1b1b 0,#2e2e2e 51%,#1b1b1b);background-image:linear-gradient(to right,var(--clr-black) 0,var(--clr-black-light) 51%,var(--clr-black) 100%);background-size:200% auto;border-radius:4px;border-radius:var(--main-border-radius);box-shadow:0 1px 13px 0 rgba(27,27,27,.35);box-shadow:var(--main-boxshadow);color:#fafafa;color:var(--clr-white);cursor:pointer;display:inline-block;font-size:1rem;outline:3px solid transparent;padding:.35rem 1.35rem;text-align:center;text-decoration:none;transition:all .3s ease;transition:var(--slow-transition);-webkit-user-select:none;-ms-user-select:none;user-select:none}.icon-btn{align-items:center;display:flex;min-height:36px}.btn:disabled{opacity:.5;pointer-events:none}.btn:focus-visible,.btn:hover{background-position:99%}.btn:focus-visible{outline:3px solid #1b1b1b;outline:solid 3px var(--clr-black)}.btn:active{background-position:0}.content-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:3rem;margin-top:3rem;width:100%}.content-header{margin-bottom:3rem}.header-underline{background:#a187c4;background:var(--clr-secondary);height:5px;margin:0 auto;width:66%}.project-items{display:flex;flex-direction:column;margin-bottom:3rem;row-gap:.75rem;width:100%}.project-item{display:flex;min-height:350px;overflow:hidden}.project-item.row-reverse{flex-direction:row-reverse}.project-item:first-child{border-radius:4px 0 0 0}.project-item:last-child{margin-bottom:1rem}.project-image{align-items:center;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;width:50%}.index{border-radius:50%;color:#1b1b1b;color:var(--clr-black);font-size:1.25rem;font-weight:600;line-height:24px;pointer-events:none;position:absolute;top:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.project-item:nth-child(odd) .index{left:24px}.project-item:nth-child(2n) .index{right:24px}.project-image img{height:100%;max-height:400px;object-fit:cover;overflow:hidden;transition:all .2s ease;transition:var(--fast-transition);width:100%}.project-image:hover img{border-radius:8px;border-radius:var(--border-radius-lg);-webkit-transform:scale(1.02);transform:scale(1.02)}.project-items .project-item:first-child img{border-radius:4px 0 0 0}.project-items hr{border:none;border-top:1.6px dashed #a8a8a8;border-top:1.6px dashed var(--clr-white-dark);height:1.6px;margin:0 auto;width:calc(100% - 3rem)}.project-text{padding:1rem 1.5rem;width:50%}.project-header{display:flex;flex-direction:column;margin-bottom:1rem}.project-header .new{color:#a51d1d;display:inline-block;margin-left:.25rem;-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}.project-tech-icons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.project-tech-icons span{display:flex}.project-tech-icons svg{fill:#1b1b1b;fill:var(--clr-black);height:1.75rem;pointer-events:none;width:1.75rem}.project-content{min-height:207px;padding:1rem;position:relative;white-space:pre-line}.project-body{display:flex;flex-direction:column;gap:1rem}.project-button-container{display:flex;gap:.75rem}.project-info{margin-bottom:.5rem}.corner{background:#a187c4;background:var(--clr-secondary);position:absolute}.top-x{height:1.6px;left:0;top:0;width:224px}.top-y{height:74.66px;left:0;top:0;width:1.6px}.bottom-x{bottom:0;height:1.6px;right:0;width:224px}.bottom-y{bottom:0;height:74.66px;right:0;width:1.6px}.about-content-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.about-content{display:flex;flex-direction:column;padding:1rem}.about-content:first-child{overflow:hidden;padding:0}.about-content>div{height:100%;padding:1rem;position:relative}.about-content ul{margin-left:1rem}.about-content ul li{margin-bottom:.5rem}.about-content ul li:last-of-type{margin-bottom:0}.about-image{background-color:#eee;background-color:var(--clr-body);padding:0!important;position:relative}.about-image:after{background:url(/static/media/hero-1.62a3d7731934593ab538.png) no-repeat center 8%;background-size:cover;border-radius:4px 0 0 4px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.about-content .project-tech-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.about-content .project-tech-icons span{align-items:center;display:flex;justify-content:center;min-height:60px}.about-content .project-tech-icons svg{height:2.5rem;width:2.5rem}.about-content{p:not(:last-of-type){margin-bottom:1rem}}.footer{align-items:center;background:#1b1b1b;background:var(--clr-black);color:#fafafa;color:var(--clr-white);display:flex;flex-direction:column;justify-content:flex-end;padding:5rem 1rem 1.5rem;width:100%}.footer p{margin-bottom:.5rem;text-align:center}.footer-links{border-bottom:2px solid #a187c4;border-bottom:2px solid var(--clr-secondary);display:flex;justify-content:space-around;margin-bottom:1.5rem;padding-bottom:1.5rem;width:min(350px,90vw)}.footer-links a{padding:.25rem}.react-tooltip{--rt-opacity:1;background-color:#1b1b1b!important;background-color:var(--clr-black)!important;color:#fafafa!important;color:var(--clr-white)!important;z-index:1000!important}.footer-icon{color:#fafafa;color:var(--clr-white);height:2rem;transition:all .2s ease;transition:var(--fast-transition);width:2rem}.footer-links a:focus-visible .footer-icon,.footer-links a:hover .footer-icon{color:#a187c4;color:var(--clr-secondary)}@media screen and (max-width:1200px){.greet-card{background:rgba(250,250,251,.75)}}@media screen and (min-width:848px) and (max-width:1024px){.project-item img{max-height:375px!important;scale:.9}}@media screen and (max-width:944px){.project-item:nth-child(2n) .index,.project-item:nth-child(odd) .index{left:24px}.project-item,.project-item.row-reverse,.project-item:nth-child(2n){flex-direction:column}.project-items .project-item:first-child img{border-radius:8px;border-radius:var(--border-radius-lg)}.project-items .project-item:last-child img{border-radius:0}.project-image{height:400px;object-position:center;width:100%}.project-text{width:100%}}@media screen and (max-width:800px){.project-items{margin-bottom:2.25rem}.content-header h1,.content-header h2{text-align:center}.content-header h2,h1{font-size:2.25rem;line-height:42px}.about-content-container{grid-template-columns:repeat(1,1fr);grid-template-rows:350px 1fr}.project-image{height:350px}.content-container{margin-top:2.25rem}.content-header{margin-bottom:2.25rem}a,i{-webkit-tap-highlight-color:transparent}}@media screen and (max-width:500px){.container{max-width:calc(1140px + 2rem);padding:0 1rem;width:100%}.project-button-container{.btn{flex:1 1 50%}}.content-container{margin-top:1.5rem}.content-header{margin-bottom:1.5rem}.project-header{display:flex;flex-direction:column;line-height:36px;margin-bottom:1rem;margin-top:-.5rem}.project-image{height:275px}}@media screen and (max-width:400px){.project-button-container{flex-direction:column;gap:.5rem}}@-webkit-keyframes skeleton-loading{0%{background-color:#e6e6e6;background-color:var(--clr-skeleton-light)}to{background-color:#d7d7d7;background-color:var(--clr-skeleton-dark)}}@keyframes skeleton-loading{0%{background-color:#e6e6e6;background-color:var(--clr-skeleton-light)}to{background-color:#d7d7d7;background-color:var(--clr-skeleton-dark)}}@-webkit-keyframes fade-nav-links{0%{-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-nav-links{0%{-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fade-greet-text{0%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-greet-text{0%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(121,82,162,.7);-webkit-transform:scale(1);transform:scale(1)}70%{box-shadow:0 0 0 10px rgba(131,33,128,0);-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(121,82,162,.7);-webkit-transform:scale(1);transform:scale(1)}70%{box-shadow:0 0 0 10px rgba(131,33,128,0);-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.hero-container{display:flex;min-height:100svh;padding-top:56px;.secondary-avatar{--avatar-size:256px;border:3.2px solid #1b1b1b;border-radius:50%;display:none;height:var(--avatar-size);margin:0 auto 1rem;overflow:hidden;width:var(--avatar-size);@media screen and (max-width:1040px){display:block;>img{background-color:var(--clr-body);height:var(--avatar-size);object-fit:cover;object-position:-4px 32px;-webkit-transform:scale(1.5);transform:scale(1.5);width:var(--avatar-size)}}@media screen and (max-width:560px){--avatar-size:192px;>img{object-position:-4px 16px;-webkit-transform:scale(1.5);transform:scale(1.5)}}}.greet-buttons{display:flex;flex-wrap:wrap;gap:.75rem;.btn{font-size:1.25rem;min-height:41.6px}}h1{text-wrap:balance;-webkit-animation:fade-greet-text .5s ease-in forwards;animation:fade-greet-text .5s ease-in forwards;flex-direction:column;font-size:3rem;letter-spacing:-.035em;line-height:56px;margin:0 0 1rem;opacity:0;z-index:0;@media screen and (max-width:800px){text-align:center}@media screen and (max-width:560px){font-size:2.25rem;letter-spacing:-.025em;line-height:2.5rem}}>div,h1{display:flex}>div{align-items:center;background:var(--clr-white);flex:1 1 auto;flex-direction:column;gap:1rem;justify-content:center;padding:2rem;.greet-card{display:flex!important;flex-direction:column;gap:1rem;>div:first-child{max-width:720px;padding:1rem;position:relative;p{font-size:1.25rem;margin-bottom:1.25rem;&:last-of-type{margin-bottom:0}}}}@media screen and (max-width:1040px){justify-content:flex-start;padding-bottom:3rem;padding-left:2rem;padding-right:2rem;padding-top:3rem}@media screen and (max-width:560px){justify-content:flex-start;padding-bottom:2rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:2rem}}>img{flex:0 1 auto;max-height:calc(100svh - 56px);max-width:720px;min-height:640px;min-width:0;object-fit:cover;@media screen and (max-width:1040px){display:none}}.greet-card-stars{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;.ellipsis{align-items:center;display:flex;justify-content:center;z-index:20}.ellipsis,.stargazer{background-color:var(--clr-white);border:2px solid #1b1b1b;border-radius:50%;height:3rem;margin-left:-.5rem;width:3rem}.stargazer{&:first-of-type{margin-left:0}}.skeleton{height:32px;width:224px}.stargazer-skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate;border-radius:50%;height:3rem;margin-left:-.5rem;width:3rem;&:first-of-type{margin-left:0}}>div{display:flex;flex-wrap:wrap}h2{font-size:1.25rem;font-weight:600;line-height:26px;margin:0}}@media screen and (max-width:1040px){gap:1rem;grid-template-columns:1fr;height:auto}}
/*# sourceMappingURL=main.a54bbe01.css.map*/