@import"https://fonts.googleapis.com/css2?family=Kolker+Brush&family=Encode+Sans&display=swap";main{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-wrap:nowrap;width:100vw;height:100vh;color:#e3e3e3;background-color:#403734}h1{font-size:24rem;text-align:right;line-height:9.8rem;font-family:Kolker Brush,sans-serif;font-display:optional;padding:2.4rem 0 0 4rem;color:#e3e3e3;text-shadow:0 0 12px rgba(227,227,227,.5);transition:font-size .2s ease}h1 span{color:#fe8a01;text-shadow:0 0 8px rgba(254,138,1,.5)}@media screen and (max-width: 768px){h1{font-size:20rem}}@media screen and (max-width: 480px){h1{font-size:14rem}}h2{color:#e3e3e3;font-size:3.6rem;font-weight:400;letter-spacing:2px;text-align:center;margin-top:17.2rem}h3{color:#e3e3e3;font-size:2.8rem;font-weight:400;letter-spacing:2px;text-align:center}h4{font-size:2rem;font-weight:400;letter-spacing:2px;text-align:center}.socials{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;flex-wrap:nowrap;list-style:none;gap:.8rem}.socials .social .social-link{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap}.socials .social .social-link .icon--sm{width:2rem;height:2rem;color:#e3e3e3;margin-top:3.2rem;transition:color .15s ease-in-out}.socials .social .social-link .icon--sm:hover{color:#fe8a01}.socials .social .social-link .icon--bordered{width:1.4rem;height:1.4rem;color:#e3e3e3;transition:all .25s ease}.socials .social .icon-border{padding:.6rem;background-color:transparent;border-radius:50%;border:1px solid #e3e3e3;transition:all .25s ease}.socials .social .icon-border:hover{border:1px solid #fe8a01}.socials .social .icon-border:hover .icon--bordered{color:#fe8a01}.footer{display:flex;justify-content:center;align-items:center;flex-direction:row-reverse;flex-wrap:nowrap;gap:2rem;padding:.8rem 0;position:fixed;bottom:0;width:100%}.footer:before{content:"";position:absolute;left:0;bottom:0;width:50%;height:100%;background:linear-gradient(to left,#403734 25%,rgba(64,55,52,.05));z-index:-1}.footer:after{content:"";position:absolute;right:0;bottom:0;width:50%;height:100%;background:linear-gradient(to right,#403734 25%,rgba(64,55,52,.05));z-index:-1}@media screen and (max-width: 480px){.footer{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:.4rem}}.footer .copyright{font-size:1.4rem}.tags{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap;max-width:8rem}.tags .tag{width:3.2rem;height:3.2rem;margin-left:-1.4rem;padding:.4rem;border-radius:9px;background-color:#111;box-shadow:0 0 1px 1px inset #e3e3e3;filter:contrast(.8);z-index:1;overflow:hidden;transition:filter 1s ease}.tags .tag:hover{z-index:5;filter:contrast(1.25)}.background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-4deg);width:160rem;height:60%;background-color:#2274a599;z-index:-1;animation:slide-right 1.5s ease}.background:before{content:"";width:50%;height:100%;background:linear-gradient(to right,rgba(34,116,165,0),rgba(34,116,165,.6));position:absolute;top:0;left:0;transform:translate(-100%)}.background:after{content:"";width:50%;height:100%;background:linear-gradient(to left,rgba(34,116,165,0),rgba(34,116,165,.6));position:absolute;top:0;right:0;transform:translate(100%)}@keyframes slide-right{0%{transform:translate(-200%) rotate(-4deg);filter:hue-rotate(-.8rad)}to{transform:translate(-50%,-50%) rotate(-4deg);filter:hue-rotate(0)}}.project-page-container{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-wrap:nowrap;animation:fadeIn .3s ease-in-out;filter:opacity(1);height:100%;width:100%;overflow-y:auto;overflow-x:hidden;background-color:#403734;position:relative}.project-page-container .return-button{position:absolute;top:0;left:5%;transform:translate(50%,10rem);background:none;border:none;cursor:pointer}.project-page-container .return-button .return-button-icon{width:4rem;height:4rem;color:#e3e3e3;background-color:#403734;border-radius:50%;transition:all .2s ease-in-out}.project-page-container .return-button .return-button-icon:hover{color:#fe8a01;background-color:#111}.project-page-container .project-page-bg{transform:translate(-50%,-50%) rotate(0);top:0;width:100%;background:linear-gradient(to top,rgba(254,138,1,0),rgba(254,138,1,.6));animation:slide-from-top 1.5s ease}@keyframes slide-from-top{0%{transform:translate(-50%,-100%) rotate(0);filter:hue-rotate(-1.6rad)}to{transform:translate(-50%,-50%) rotate(0);filter:hue-rotate(0)}}.project-page-container .content{gap:6rem;margin-bottom:20rem}.project-page-container .content .project-info-img{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-wrap:nowrap;width:35rem;margin-top:8rem;overflow:hidden;position:relative}.project-page-container .content .project-info-img:not(:hover) .status{background-color:#1111114d;transform:translate(-3.2rem,4rem)}@media screen and (max-width: 480px){.project-page-container .content .project-info-img:not(:hover) .status{background-color:#e3e3e31a;transform:translate(-1.2rem,-.8rem)}}.project-page-container .content .project-info-img .status{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;animation:fadeIn 1s ease-in-out;pointer-events:none;gap:.8rem;position:absolute;content:"";top:0;right:0;transform:translate(-.8rem,2.4rem);padding:.2rem .8rem;border:1px solid rgba(227,227,227,.75);border-radius:5px;background-color:#11111180;color:#e3e3e3bf;letter-spacing:1.2px;filter:opacity(1);transition:all .2s ease}.project-page-container .content .project-info-img .status .status-icon--online{width:.8rem;height:.8rem;border-radius:50%;border:1px solid rgba(240,255,255,.575);background-color:green;filter:brightness(1);animation:pulse 3s infinite}.project-page-container .content .project-info-img .status .status-icon--offline{width:.8rem;height:.8rem;border-radius:50%;border:1px solid rgba(240,255,255,.575);background-color:#8b0000;filter:brightness(1);animation:pulse 3s infinite}@media screen and (max-width: 480px){.project-page-container .content .project-info-img .status{top:unset;bottom:0;background-color:#e3e3e31f;transform:translate(-1.2rem,-.8rem)}}.project-page-container .content .project-info-img .project-info-image{width:100%;aspect-ratio:3/2;transform:scale(1.15);transition:transform .2s ease;margin-bottom:1.2rem}.project-page-container .content .project-info-img:not(:hover) .project-info-image{transform:scale(1)}@media screen and (max-width: 992px){.project-page-container .content .project-info-img:not(:hover) .project-info-image{transform:scale(1.15)}}@media screen and (max-width: 480px){.project-page-container .content .project-info-img{width:100vw}}.project-page-container .content .links-container{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;width:30rem;margin-bottom:1.2rem}.project-page-container .content .links-container .links-wrapper{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:1rem}.project-page-container .content .links-container .links-wrapper .project-link:visited,.project-page-container .content .links-container .links-wrapper .project-link:link{color:#e3e3e3;transition:color .25s ease-in-out}.project-page-container .content .links-container .links-wrapper .project-link:hover{color:#fe8a01}.project-page-container .content .links-container .links-wrapper .project-link:hover .link-icon{border:1px solid #fe8a01}@media screen and (max-width: 992px){.project-page-container .content .links-container .links-wrapper .project-link:not(:hover):after{transform:translateY(5rem);filter:opacity(1);z-index:1}}.project-page-container .content .links-container .links-wrapper .link-icon{width:4rem;height:4rem;padding:.4rem;border-radius:19px;background-color:#111;border:1px solid #e3e3e3;transition:border-color .25s ease-in-out}.project-page-container .content .links-container .links-wrapper .live-demo{position:relative}.project-page-container .content .links-container .links-wrapper .live-demo:after{position:absolute;content:"Live Demo";bottom:35%;left:0;transform:translateY(0);text-align:center;background-color:transparent;z-index:-1;line-height:1;width:100%;filter:opacity(0);transition:all .2s ease-in-out}.project-page-container .content .links-container .links-wrapper .live-demo:hover:after{transform:translateY(5rem);filter:opacity(1);z-index:1}.project-page-container .content .links-container .links-wrapper .github-url{position:relative}.project-page-container .content .links-container .links-wrapper .github-url:after{position:absolute;content:"GitHub Repo";bottom:35%;left:0;transform:translateY(0);text-align:center;background-color:transparent;z-index:-1;line-height:1;width:100%;filter:opacity(0);transition:all .2s ease-in-out}.project-page-container .content .links-container .links-wrapper .github-url:hover:after{transform:translateY(5rem);filter:opacity(1);z-index:1}.project-page-container .content .project-info-card{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;max-width:80rem;gap:1.2rem}.project-page-container .content .project-info-card .project-info-heading{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:2rem;margin-bottom:2rem}.project-page-container .content .project-info-card .project-info-heading .project-info-icon{color:#e3e3e3;width:2rem;height:2rem}.project-page-container .content .heading--purpose{color:#fcca46}.project-page-container .content .heading--purpose .project-info-icon{color:#fcca46!important}.project-page-container .content .heading--functionality{color:#a1c181}.project-page-container .content .heading--functionality .project-info-icon{color:#a1c181!important}.project-page-container .content .heading--challenge{color:#ff3b3f}.project-page-container .content .heading--challenge .project-info-icon{color:#ff3b3f!important}.blurred--light{filter:blur(1.4px);cursor:not-allowed}.container{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-wrap:nowrap;animation:fadeIn .3s ease-in-out;filter:opacity(1);height:100%;width:100%;overflow-y:auto;overflow-x:hidden;background-color:#403734;position:relative}.container .content{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;height:auto}@media screen and (max-width: 992px){.container .content{justify-content:flex-start}}.home-container .content{height:calc(100% - 6.7rem);margin:17.2rem auto 18rem;gap:12rem}@media screen and (max-width: 1400px){.home-container .content{margin-top:20rem}}.about-container .content{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-wrap:nowrap;height:calc(100% - 21.5rem)}.about-container .content .text-container{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:2rem;width:55rem}@media screen and (max-width: 992px){.about-container .content .text-container{width:100%}}.about-container .content .text-container .about-text{line-height:1.5;letter-spacing:1.7px;text-align:left;width:100%}.about-container .content .text-container .about-text strong{color:#2274a5;font-weight:600}.about-container .content .about-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;position:relative;margin-top:10rem}.about-container .content .about-wrapper:last-child{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:4rem;padding-bottom:20rem}@media screen and (max-width: 1200px){.about-container .content .about-wrapper:last-child{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;margin-top:12rem}}@media screen and (max-width: 992px){.about-container .content .about-wrapper{margin-top:8rem}}.about-container .content .about-wrapper .about-info-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8rem}@media screen and (max-width: 992px){.about-container .content .about-wrapper .about-info-wrapper{flex-wrap:wrap}}.about-container .content .about-wrapper .about-info-wrapper .avatar-container{width:30rem;height:30rem}.about-container .content .about-wrapper .about-info-wrapper .avatar-container .avatar{width:30rem;height:30rem;border-radius:50%;background-color:#1111118c;border:5px solid #2274a5}.about-container .content .about-wrapper .link-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;position:absolute;bottom:0;right:0;gap:3.2rem;transform:translate(-2rem,10rem)}@media screen and (max-width: 992px){.about-container .content .about-wrapper .link-wrapper{position:initial;transform:translate(0);margin-top:6rem}}.about-container .content .about-skills-container{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8rem;width:100%;margin-top:18rem}@media screen and (max-width: 992px){.about-container .content .about-skills-container{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;margin-top:12rem}}.about-container .content .about-skills-container .about-skills .skills-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;margin-bottom:0}@media screen and (min-width: 992px){.about-container .content .about-skills-container .about-skills .skills-wrapper .skill-section-wrapper{width:36rem}}.about-container .content .about-skills-container .text-skills-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:4rem}.about-container .about-bg{transform:translate(-50%,-50%) rotate(4deg);background-color:#fe8a0133;animation:slide-left 1.5s cubic-bezier(.25,.1,.25,1)}.about-container .about-bg:before{content:"";width:50%;height:100%;background:linear-gradient(to right,rgba(254,138,1,0),rgba(254,138,1,.2));position:absolute;top:0;left:0;transform:translate(-100%)}.about-container .about-bg:after{content:"";width:50%;height:100%;background:linear-gradient(to left,rgba(254,138,1,0),rgba(254,138,1,.2));position:absolute;top:0;right:0;transform:translate(100%)}@keyframes slide-left{0%{transform:translate(200%) rotate(4deg);filter:hue-rotate(-1.6rad)}to{transform:translate(-50%,-50%) rotate(4deg);filter:hue-rotate(0)}}.projects-container{overflow-y:auto}.projects-container .content{height:auto}.projects-container .projects-bg{height:55rem;width:75%;transform:translate(-50%,-50%) rotate(4deg);background-color:#fe8a0133;animation:slide-down-to-left 1.5s ease}.projects-container .projects-bg:before{content:"";width:100%;height:50%;background:linear-gradient(to bottom,rgba(254,138,1,0),rgba(254,138,1,.2));position:absolute;top:0;right:0;transform:translateY(-100%)}.projects-container .projects-bg:after{content:"";width:100%;height:50%;background:linear-gradient(to top,rgba(254,138,1,0),rgba(254,138,1,.2));position:absolute;top:50%;right:0;transform:translateY(100%)}@keyframes slide-down-to-left{0%{transform:translate(-45%,-200%) rotate(4deg);filter:hue-rotate(-.8rad)}to{transform:translate(-50%,-50%) rotate(4deg);filter:hue-rotate(0)}}.projects-container .projects-grid{display:grid;justify-content:center;align-items:start;grid-template-columns:repeat(3,1fr);column-gap:2rem;row-gap:4rem;margin:12rem auto 24rem}@media screen and (max-width: 1200px){.projects-container .projects-grid{grid-template-columns:repeat(2,1fr);margin:12rem auto 20rem}}@media screen and (max-width: 992px){.projects-container .projects-grid{grid-template-columns:repeat(1,1fr);margin-top:8rem}}@media screen and (max-width: 480px){.projects-container .projects-grid{column-gap:1rem;row-gap:6rem}}@media screen and (max-width: 320px){.projects-container .projects-grid{margin:2rem auto}}.contact-container .contact-bg{height:45%;width:15%;transform:translate(-35%,-50%) rotate(-7deg);background-color:#2274a599;animation:slide-down-to-right 1.5s ease}.contact-container .contact-bg:before{content:"";width:100%;height:50%;background:linear-gradient(to bottom,rgba(34,116,165,0),rgba(34,116,165,.6));position:absolute;top:0;right:0;transform:translateY(-100%)}.contact-container .contact-bg:after{content:"";width:100%;height:50%;background:linear-gradient(to top,rgba(34,116,165,0),rgba(34,116,165,.6));position:absolute;top:50%;right:0;transform:translateY(100%)}@keyframes slide-down-to-right{0%{transform:translate(-55%,-100%) rotate(-7deg);filter:hue-rotate(-.8rad)}to{transform:translate(-35%,-50%) rotate(-7deg);filter:hue-rotate(0)}}.contact-container .content{height:calc(100% - 21.5rem)}@media screen and (max-width: 1200px){.contact-container .content{justify-content:flex-start}}@media screen and (max-width: 1200px){.contact-container .content .contact-container{padding:12rem 0 18rem}}.contact-container .content .contact-container #contact-card{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;background-color:#111}.contact-container .content .contact-container #contact-card .contact-avatars{height:40rem;width:100%;padding:1.4rem;padding-bottom:0;z-index:1}@media screen and (max-width: 1200px){.contact-container .content .contact-container #contact-card .contact-avatars{width:100%;height:100%;border-bottom:2px solid #2274a5}}@media screen and (max-width: 1200px){.contact-container .content .contact-container #contact-card{flex-direction:column}}.page-not-found-container .page-not-found-bg{transform:translate(-50%,-50%) rotate(0);top:0;width:100%;background:linear-gradient(to top,rgba(255,59,63,0),rgba(255,59,63,.6));animation:slide-from-top 1.5s ease}@keyframes slide-from-top{0%{transform:translate(-50%,-100%) rotate(0);filter:hue-rotate(.8rad)}to{transform:translate(-50%,-50%) rotate(0);filter:hue-rotate(0)}}.page-not-found-container .page-not-found-heading{font-size:8rem;text-align:center;line-height:9.8rem;color:#e3e3e3;text-shadow:0 0 12px rgba(227,227,227,.5)}.page-not-found-container .page-not-found-text{margin-top:2rem}.card{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:4rem;padding:3.2rem 2rem;background-color:#1111111a;box-shadow:0 0 20px 1px #f000;border-radius:5px;box-sizing:border-box}@media screen and (max-width: 768px){.card{border-radius:0!important}}@keyframes fadeIn{0%{filter:opacity(0)}to{filter:opacity(1)}}@keyframes pulse{0%{filter:brightness(1)}35%{filter:brightness(1.2)}50%{filter:brightness(1)}70%{filter:brightness(1.4)}to{filter:brightness(1)}}.loading-bars{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;animation:fadeIn .3s ease-in-out;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#111111a6;width:100%;height:100%;text-align:center;font-size:10px;z-index:100}.loading-bars>div{background-color:#e3e3e3;height:56px;width:8px;display:inline-block;margin-right:3px;animation:stretchdelay 1.2s infinite ease-in-out}.loading-bars>div:nth-of-type(2){animation-delay:-1.1s}.loading-bars>div:nth-of-type(3){animation-delay:-1s}.loading-bars>div:nth-of-type(4){animation-delay:-.9s}@keyframes stretchdelay{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}*{margin:0;padding:0}html{font-size:62.5%}body{font-size:1.6rem;font-weight:400;color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Kolker Brush,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}