@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Source+Sans+3:wght@200;300;400;500;600;700;800;900&display=swap";:root{--horizontal-padding: 17.1rem;--total-height: 2984px}.root{width:100%}.root .upper{display:flex;width:100%;overflow-x:hidden}.root .left,.root .right{width:17.1rem;position:relative}@media only screen and (max-width: 49rem){.root .upper>.left,.root .upper>.right,.root .upper>.left *,.root .upper>.right *{display:none;width:0}}.root .upper>.left{display:flex;justify-content:flex-start}.root .upper>.left .socials{display:flex;flex-direction:column;align-items:center;padding-left:1.7rem;gap:.8rem}.root .upper>.left .vert-line{width:.1rem;background-color:var(--text-grey);height:19.1rem}.root .upper>.left .sidebar-dots1{position:absolute;left:-4.5rem;top:32%;width:8.4rem;height:8.4rem}.root .upper>.left .sidebar-rect-left{position:absolute;top:71%;left:-7.2rem}.root .upper>.left .sidebar-dots2{position:absolute;left:-4.5rem;top:90%;width:8.4rem;height:8.4rem}.root .middle{flex-grow:1}.root .upper>.right .sidebar-rect-right{position:absolute;top:8.5%;right:-7.2rem}.root .upper>.right .sidebar-dots-right{width:10.3rem;height:10.3rem;position:absolute;top:46%;right:-2.3rem}.root .header{width:calc(100% - var(--horizontal-padding) - var(--horizontal-padding));display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;padding:3.2rem 0 .8rem;background-color:var(--bg-color);z-index:4;margin-left:var(--horizontal-padding);margin-right:var(--horizontal-padding)}.root .mobile-header{display:none}@media screen and (max-width: 49rem){.root .header{display:none}.root .mobile-header{display:block;position:fixed;top:0;left:0;width:100vw;background-color:var(--bg-color);z-index:4;border-bottom:solid 1px var(--text-grey)}.root .mobile-header .toolbar{display:flex;justify-content:space-between;padding:1.6rem 1.6rem .8rem}.root .mobile-toolbar-options{transition:all .2s;width:100%;height:0}.root .mobile-toolbar-options.invisible *{display:none}.root .mobile-toolbar-options.visible{height:100vh;width:100%;opacity:1}.root .mobile-toolbar-options.visible ul{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0;padding-left:1.6rem;padding-top:5.5rem}.root .mobile-toolbar-options.visible li{margin:0;margin-bottom:3.2rem;font-size:3.2rem;font-style:normal;font-weight:500;line-height:normal;transition:all .2s}}.root .logo-box{display:flex;gap:.8rem;align-items:center}.root .logo-wrap,.root .logo{width:1.6rem;height:1.6rem}.root .name{font-size:1.6rem;font-weight:700;color:var(--text-white)}.root .links{display:flex;justify-content:flex-end;align-items:center;list-style-type:none}.root .link{margin-left:3.2rem;font-size:1.6rem;color:var(--text-grey)}.root .link a{color:inherit;text-decoration:none}.root .link a.selected{color:var(--text-white)}.root .hashtag{color:var(--accent)}.root .middle .content{width:calc(100vw - 34.2rem)}@media only screen and (max-width: 49rem){.root .middle .content{width:100vw;padding:0 1.6rem}}.root main{margin-top:6.1rem}.root footer{padding:3.2rem 16.8rem;border-top:1px solid var(--text-grey)}@media only screen and (max-width: 49rem){.root footer{padding:3.2rem 1.6rem}}.root footer .top{display:flex;justify-content:space-between}@media only screen and (max-width: 49rem){.root footer .top{flex-direction:column;gap:3.2rem}}.root footer .info{display:flex;align-items:center;gap:2.4rem}@media only screen and (max-width: 49rem){.root footer .info{flex-direction:column;align-items:flex-start;gap:3.2rem;margin-bottom:3.2rem}}.root footer .name{font-weight:500}.root footer .email{font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal;color:var(--text-grey)}.root footer .proffession{margin-top:1.6rem;font-size:1.6rem;color:var(--text-white)}.root footer .media-text{font-size:2.4rem;font-style:normal;font-weight:500;line-height:normal;color:var(--text-white);margin-bottom:1.2rem}@media only screen and (max-width: 49rem){.root footer .media-text{margin-bottom:3.2rem}}.root footer .social-icons{display:flex;align-items:flex-start;gap:2.2rem}.root footer .copyright{margin-top:4.8rem;font-size:1.6rem;font-weight:400;color:var(--text-grey);text-align:center}.rect{border:1px solid var(--text-grey)}.outlined-btn{border:solid 1px var(--accent);background-color:transparent;padding:.8rem 1.6rem;cursor:pointer;transition:all .2s;color:var(--text-white);font-family:Fira Code;font-size:1.6rem;font-weight:500;display:flex;align-items:center;gap:.8rem;transition:all .3s ease-in-out}.outlined-btn:hover{transform:translate(-4px,-4px);box-shadow:3px 3px 0 0 var(--accent)}.outlined-btn.grey{border-color:var(--text-grey);color:var(--text-grey)}.outlined-btn:hover{background-color:var(--accent-fill)}.outlined-btn.grey:hover{background-color:var(--grey-fill)}.outlined-btn .btn-text{color:var(--text-white)}.home .hero{display:flex;width:100%;gap:3rem;padding-bottom:4rem;padding-top:6.2rem}@media only screen and (max-width: 49rem){.home .hero{flex-direction:column;padding:3.4rem 0}}.home .left{flex-grow:1;padding-top:7.4rem}@media only screen and (max-width: 49rem){.home .left{padding:0;width:100%}}.home .bio{font-size:3.2rem;font-weight:600;margin-bottom:3.2rem}.home .bio span{color:var(--accent)}.home .desc{font-size:1.6rem;font-style:normal;font-weight:400;line-height:2.5rem;color:var(--text-grey);max-width:70%;margin-bottom:2.4rem}@media only screen and (max-width: 49rem){.home .desc{max-width:unset}.home .home-contact-btn{display:none}}.home .right{width:45.7rem;height:38.6rem;position:relative}@media only screen and (max-width: 49rem){.home .right{width:100%}}.home .right .maze{position:absolute;top:8.4rem;left:-1.2rem;z-index:1}@media only screen and (max-width: 49rem){.home .right .maze{width:10rem;height:10rem;left:0}}.home .right .hoodie{position:relative;z-index:2;width:45.7rem}@media only screen and (max-width: 49rem){.home .right .hoodie{width:100%}}.home .right .dots{position:absolute;bottom:5.6rem;right:1.6rem;z-index:3}@media only screen and (max-width: 49rem){.home .right .dots{position:absolute;bottom:9.3rem;right:1.6rem;z-index:3}}.home .right .current-work{border:1px solid var(--text-grey);padding:.8rem;display:flex;align-items:center;gap:1rem}.home .right .rect{height:1.6rem;width:1.6rem;border:1px solid var(--accent);background-color:var(--accent)}.home .right .current-work{margin-left:1.9rem;margin-right:3.6rem;position:relative;bottom:.3rem}.home .right .current-work-text{font-size:1.6rem;font-style:normal;font-weight:500;line-height:normal;color:var(--text-grey)}.home .right .current-work-text span{color:var(--text-white)}.home .funny{display:flex;align-items:center;justify-content:center;padding-top:11.2rem}.home .quote-sect{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.home .quote{border:1px solid var(--text-grey);padding:3.2rem;display:flex;position:relative}.home .quote .quote-wrap{position:absolute;padding:.8rem;background-color:var(--bg-color)}.home .quote-wrap.open{top:-2rem}.home .quote-wrap.close{bottom:-2rem;right:1.5rem}.home .quote-text{font-size:2.4rem;font-style:normal;font-weight:500;line-height:normal}.home .author{border:solid 1px var(--text-grey);border-top:none;padding:1.6rem}.home .author-text{font-size:2.4rem;font-weight:400;color:var(--text-white)}.home .projects{padding-top:7.4rem}.home .projects .project-section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4.8rem}.home .projects .details{display:flex;align-items:center;gap:1.6rem}.home .projects .section-title{font-size:3.2rem;font-style:normal;font-weight:500;line-height:normal;color:var(--text-white)}.home .projects .section-title span{color:var(--accent)}.home .projects-row{display:flex;align-items:flex-start;gap:1.6rem}@media only screen and (max-width: 49rem){.home .line{display:none}}@media only screen and (max-width: 49rem){.home .projects-row{flex-direction:column}}.home .skills{padding-top:10.6rem}.home .skills .skills-section-top{margin-bottom:4.3rem;display:flex;align-items:center;gap:1.6rem}.home .skills .section-title{font-size:3.2rem;font-style:normal;font-weight:500;line-height:normal;color:var(--text-white)}.home .skills .section-title span{color:var(--accent)}.home .skills .skills-main{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.home .skills .skills-left{width:43%;height:32rem}@media only screen and (max-width: 49rem){.home .skills .skills-left{display:none}}.home .skills .top-shapes{display:flex;align-items:center;justify-content:space-between;padding-left:3.2rem;padding-right:9.5rem;margin-bottom:4.9rem}.home .skills .top-dots{position:relative;top:.7rem;width:6.3rem;height:6.3rem}.home .skills .top-rect{position:relative;bottom:3.8rem}.home .skills .bottom-shapes{display:flex;align-items:flex-start;justify-content:flex-start;padding-left:4.7rem;padding-right:5.9rem}.home .skills .bottom-maze{position:relative;top:2.6rem}.home .skills .bottom-dots{width:6.3rem;height:6.3rem;margin-left:4.9rem;margin-right:5.7rem}.home .skills .bottom-rect{position:relative;top:5rem}.home .skills .skills-right{width:57%;display:flex;align-items:flex-start;gap:1.6rem}@media only screen and (max-width: 49rem){.home .skills .skills-right{width:100%}}.home .skills .skills-right .col{display:flex;flex-direction:column;gap:1.6rem}.home .about{margin-top:11.2rem;position:relative;padding-bottom:8rem}.home .about-top{display:flex;align-items:center;gap:1.6rem}.home .about-title{font-size:3.2rem;font-style:normal;font-weight:500;line-height:normal;color:var(--text-white)}.home .about-main{display:flex}@media only screen and (max-width: 49rem){.home .about-main{flex-direction:column}}.home .about-left{padding-top:2.3rem;width:50%}@media only screen and (max-width: 49rem){.home .about-left{width:100%}}.home .about article p{font-size:1.6rem;font-style:normal;font-weight:400;line-height:26px;color:var(--text-grey);margin-bottom:4rem}.home .about-right{position:absolute;right:0;top:0;height:50.7rem}@media only screen and (max-width: 49rem){.home .about-right{position:absolute;right:0;top:0;height:50.7rem;z-index:-1;opacity:.2}}.home .about-right-content{width:100%;height:100%;position:relative}.home .about-right .hoodieman{height:100%}.home .about-dots{position:absolute;top:5.9rem;left:-.4rem}.home .about-dots-2{position:absolute;top:27.9rem;right:1.6rem}.home .about-right-line{position:relative;left:4.8rem}.home .contacts{padding-top:11.2rem}@media only screen and (max-width: 49rem){.home .contacts{padding-top:4.8rem}}.home .contacts-main{display:flex;align-items:flex-start;justify-content:space-between;padding-top:4.5rem;padding-bottom:14.5rem}@media only screen and (max-width: 49rem){.home .contacts-main{flex-direction:column;gap:3.2rem;padding-bottom:8rem}}.home .contacts-txt{width:50%;font-size:1.6rem;font-style:normal;font-weight:500;line-height:normal;color:var(--text-grey)}@media only screen and (max-width: 49rem){.home .contacts-txt{width:100%}}.home .msg-box{border:1px solid var(--text-grey);padding:1.6rem}@media only screen and (max-width: 49rem){.home .msg-box{width:100%}}.home .msg-box-title{font-size:1.6rem;font-style:normal;font-weight:600;line-height:normal;color:var(--text-white);margin-bottom:1.6rem}.home .msg-item{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;cursor:pointer}.home .msg-item span{font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal;color:var(--text-grey)}.home .msg-item span:hover{color:var(--text-white);font-weight:500}.text-btn{padding:0;border:none;background-color:transparent;cursor:pointer;font-family:Fira Code;font-size:1.6rem;font-style:normal;font-weight:500;line-height:normal}.project-card{border:1px solid var(--text-grey);width:100%;transition:all .3s ease-in;cursor:pointer}.project-card:hover{box-shadow:0 4px 16px #abb2bf66}.project-card img{width:100%;min-height:26.4rem;object-fit:cover}.project-card .skills{border-top:1px solid var(--text-grey);border-bottom:1px solid var(--text-grey);padding:0 .8rem;display:flex;flex-wrap:wrap;gap:.8rem}.project-card .skill{font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal;color:var(--text-grey);padding:.8rem 0}.project-card .project-details{padding:1.6rem}.project-card .name{font-size:2.4rem;font-style:normal;font-weight:500;line-height:normal;margin-bottom:1.6rem}.project-card .desc{font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal;color:var(--text-grey);margin-bottom:1.6rem}.project-card .btns{display:flex;gap:1.6rem}.skillbox{border:1px solid var(--text-grey);width:100%}.skillbox .type-box{border-bottom:1px solid var(--text-grey);padding:.8rem}.skillbox .type{font-size:1.6rem;font-style:normal;font-weight:600;line-height:normal}.skillbox .items{padding:.8rem;display:flex;flex-wrap:wrap;gap:.8rem}.skillbox .item{font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal;color:var(--text-grey)}.line{border:1px solid var(--accent)}.projects-page .pg-section-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.6rem}@media only screen and (max-width: 49rem){.projects-page .pg-section-main{display:flex;flex-direction:column;gap:3.2rem}}.projects-page .projects-grid{margin-bottom:8.1rem}.projects-page .small-projects-grid{padding-bottom:18.7rem}@media only screen and (max-width: 49rem){.projects-page .small-projects-grid{padding-bottom:10rem}}.small-project-card{width:100%;border:1px solid var(--text-grey);transition:all .3s ease-in;cursor:pointer}.small-project-card:hover{box-shadow:0 4px 16px #abb2bf66}.small-project-card .skills{display:flex;gap:.8rem;flex-wrap:wrap;border-bottom:1px solid var(--text-grey);padding:.8rem}.small-project-card .skill{font-size:1.6rem;font-weight:400;color:var(--text-grey)}.small-project-card .details{padding:1.6rem;display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem}.small-project-card .name{font-size:2.4rem;font-weight:500;line-height:normal;color:var(--text-white)}.small-project-card .desc{font-size:1.6rem;font-weight:400;line-height:normal;color:var(--text-grey)}.aboutme .about-info{position:relative;display:flex;align-items:center;justify-content:space-between;gap:17.4rem;padding-bottom:11.3rem}@media only screen and (max-width: 49rem){.aboutme .about-info{flex-direction:column;gap:3.2rem}}.aboutme article{font-size:1.6rem;font-style:normal;font-weight:400;line-height:2.5rem;color:var(--text-grey);display:flex;flex-direction:column;align-items:flex-start;gap:4rem}.aboutme .about-right{right:0;top:0;height:50.7rem}.aboutme .about-right-content{width:100%;height:100%;position:relative}.aboutme .about-right .hoodieman{height:100%}.aboutme .about-dots{position:absolute;top:5.9rem;left:-.4rem}.aboutme .about-dots-2{position:absolute;top:27.9rem;right:1.6rem}.aboutme .about-right-line{position:relative;left:4.8rem}.aboutme-skills-main{display:flex;align-items:flex-start;gap:1.6rem;margin-bottom:8.3rem}@media only screen and (max-width: 49rem){.aboutme-skills-main{flex-direction:column}}.fun-facts-main{margin-bottom:16.2rem;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 49rem){.fun-facts-main{margin-bottom:4.8rem}}.fun-facts-row{display:flex;align-items:flex-start;gap:1.6rem;margin-bottom:1.6rem}@media only screen and (max-width: 49rem){.fun-facts-row{flex-direction:column}}.fun-fact{border:1px solid var(--text-grey);padding:.8rem}.fun-fact-text{font-size:1.6rem;font-weight:400;line-height:normal;color:var(--text-grey)}.fun-facts-right{margin-right:17.6rem;align-self:stretch;display:flex;align-items:center;gap:4.8rem}@media only screen and (max-width: 49rem){.fun-facts-right{display:none}}.funfactsdots{align-self:flex-start;height:6.3rem;width:6.3rem}.funfactsmaze{height:11.3rem;width:11.3rem}.contactme .page-intro{margin-bottom:4.6rem}.contactme .contact-main{display:flex;align-items:flex-start;justify-content:space-between;gap:11.7rem;margin-bottom:11.2rem}@media only screen and (max-width: 49rem){.contactme .contact-main{flex-direction:column;gap:4rem;margin-bottom:8rem}}.contactme .interests{font-size:1.6rem;font-weight:500;line-height:2.6rem;color:var(--text-grey)}.contactme .contact-right{display:flex;align-items:flex-start;justify-content:flex-end;gap:1.6rem}@media only screen and (max-width: 49rem){.contactme .contact-right{flex-direction:column;gap:4rem}}.contactme .support-box{border:1px solid var(--text-grey);padding:.8rem 1.6rem;width:20rem}.contactme .support-box-title{font-size:1.6rem;font-weight:500;line-height:normal;color:var(--text-white);text-wrap:nowrap}.contactme .support-box-text{font-size:1.6rem;line-height:normal;color:var(--text-grey);margin-top:.8rem}.contactme .msg-me-box{border:1px solid var(--text-grey);padding:1.6rem}.contactme .msg-me-box-title{font-size:1.6rem;font-weight:500;line-height:normal;color:var(--text-white);margin-bottom:1.6rem;text-wrap:nowrap}.contactme .msg-me-action{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;transition:all .2s;cursor:pointer}.contactme .msg-me-action-text{font-size:1.6rem;font-weight:400;line-height:normal;color:var(--text-grey);transition:all .2s}.contactme .msg-me-action-text:hover{color:var(--text-white)}.contactme a{text-decoration:none;cursor:pointer}.contactme .all-media-main{display:flex;align-items:flex-start;gap:2.2rem;margin-bottom:8.3rem}@media only screen and (max-width: 49rem){.contactme .all-media-main{flex-direction:column;margin-bottom:6rem}}.contactme .social-tile{display:flex;align-items:center;gap:.5rem;margin-bottom:1.6rem}.contactme .social-tile-text{font-size:1.6rem;font-weight:400;color:var(--text-grey)}.contactme .social-tile-text:hover{font-weight:500;color:var(--text-white)}:root{font-family:Fira Code,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color: #282C33;--accent: #12F7D6;--text-grey: #ABB2BF;--text-white: #FFFFFF;--accent-fill: #12F7D633;--grey-fill: #ABB2BF33;background-color:var(--bg-color);color:var(--text-white)}:root[data-theme=alt]{--accent: #12F7D6;--accent2: #C778DD}*{box-sizing:border-box;margin:0}.accent{color:var(--accent)}.page-intro{padding-top:11.4rem;margin-bottom:6.8rem}@media only screen and (max-width: 49rem){.page-intro{padding-top:2rem}}.page-name{font-size:3.2rem;font-style:normal;font-weight:600;line-height:normal;color:var(--text-white);margin-bottom:1.4rem}.page-desc{font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal}.pg-section-title{font-size:3.2rem;font-style:normal;font-weight:500;line-height:normal;color:var(--text-white);margin-bottom:4.8rem}a{color:inherit;text-decoration:none}.hidden{display:none}