.gradientLine_wrapper__POa0y{width:100%;height:50px;overflow:hidden;margin-top:40px}.gradientLine_gradientLine__P8arP{width:0;height:50px;background:linear-gradient(45deg,#ff0080,#39f);transition:width 1.5s ease-out}.gradientLine_animate__23ohN{width:100%}.bannerContainer{position:relative;height:100vh;padding:130px 50px 50px;flex-direction:column;justify-content:flex-start;box-sizing:border-box}.bannerContainer,.bannerContainer:after{width:100%;display:flex;align-items:center}.bannerContainer:after{position:absolute;content:"PROGRAMMER";top:45vh;filter:blur(10px);transform:scaleY(1.5);font-family:Public Sans,sans-serif;font-optical-sizing:auto;font-weight:900;font-size:150px;font-style:normal;justify-content:center}.bannerSize{width:100%;height:100%;background-image:url(/pic.png);background-repeat:no-repeat;background-position:50%;background-size:contain;z-index:200;overflow:hidden}.bannerQuote{width:100%;padding:20px;background-color:#313131;text-transform:uppercase}.firstContainer{justify-content:space-between;align-items:flex-start}.firstContainer,.secondContainer{width:100%;height:50%;display:flex;flex-direction:column}.secondContainer{justify-content:flex-end;align-items:flex-end}h1{transform:scaleY(1.5);font-family:Public Sans,sans-serif;font-optical-sizing:auto;font-weight:900;font-size:150px;font-style:normal}.graphic1{width:100%;height:100%;text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.bannerSize p{color:#adff2f;font-size:18px}.graphic2{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-end}.codeBlueDark{color:#56c0da}.codeBlue{color:#83d6f0}.codePurple{color:#9c9bff}.codeGreen{color:#31c564}.codeYellow{color:#d67c26}.slideInLeft{transform:translateX(-100px)}.slideInLeft,.slideInRight{opacity:0;transition:all .6s ease-out}.slideInRight{transform:translateX(100px)}.animateIn{transform:translateX(0);opacity:1;transition:all .6s ease-out}@media (max-width:1278px){.bannerContainer:after{font-size:12vw}}@media (max-width:1171px){h1{font-size:12vw}}@media (max-width:1000px){.bannerSize p{display:none}}@media (max-width:800px){.bannerContainer{padding:100px 30px 30px}.bannerContainer:after{filter:blur(2px)}}@media (max-width:667px){.bannerContainer{padding:130px 15px 0;height:500px}.bannerContainer:after{top:28vh}}.SkillsSection_skillscontainer__ctvIO,.SkillsSection_skillssection__GppTA{width:100%;display:flex;justify-content:center;align-items:center}.SkillsSection_skillscontainer__ctvIO{flex-direction:column;padding:50px;font-size:2rem;flex-wrap:wrap}.SkillsSection_skillsheader__uX1f2{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background-color:#2f2f2f;border-top-right-radius:20px;border-top-left-radius:20px;border:3px solid #313131}.SkillsSection_skillscontent__QlqKh{width:100%;display:grid;grid-template-columns:310px 1fr;padding:30px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border:3px solid #313131;background-color:#171717}.SkillsSection_copylink__4pZeI,.SkillsSection_editlink__V1GH_{text-decoration:none;color:#e6e6e6;padding:0 10px}.SkillsSection_copylink__4pZeI:hover,.SkillsSection_editlink__V1GH_:hover{color:#fff}.SkillsSection_copyStyles__3PSCx{margin-right:10px}.SkillsSection_Skillscards__QSjMp{display:flex;flex-wrap:wrap;gap:10px;padding-left:1.2rem}.SkillsSection_skillItem__8RoL_{display:flex;align-items:center;background:hsla(0,0%,100%,.05);padding:6px 12px;border-radius:8px;gap:8px;border:1px solid hsla(0,0%,100%,.1);font-family:Fira Code,monospace;font-size:1.1rem;color:#fff;transition:all .2s ease-in-out}.SkillsSection_skillName__oCXII{font-family:Fira Code,monospace;font-size:2rem;color:#fff;white-space:nowrap}.SkillsSection_skillItem__8RoL_:hover{background-color:hsla(0,0%,100%,.1);transform:scale(1.03)}.SkillsSection_skillIcon__CMIsd{color:#2a81b5;flex-shrink:0;width:25px;height:25px;margin-top:1px}.SkillsSection_typing__6PvqP{animation:SkillsSection_typing__6PvqP 2.5s steps(40) forwards}@keyframes SkillsSection_typing__6PvqP{0%{width:0;opacity:0}to{width:100%;opacity:1}}@media (max-width:1067px){.SkillsSection_skillscontainer__ctvIO{font-size:1.5rem}.SkillsSection_copyStyles__3PSCx{margin-right:7px;width:20px;height:20px}.SkillsSection_skillIcon__CMIsd{width:20px;height:20px}.SkillsSection_skillName__oCXII{font-size:1.5rem}.SkillsSection_skillscontent__QlqKh{grid-template-columns:240px 1fr}}@media (max-width:845px){.SkillsSection_skillscontainer__ctvIO{font-size:1rem}.SkillsSection_copyStyles__3PSCx{margin-right:7px;width:15px;height:15px}.SkillsSection_skillIcon__CMIsd{width:20px;height:20px}.SkillsSection_skillName__oCXII{font-size:1rem}.SkillsSection_skillscontent__QlqKh{grid-template-columns:170px 1fr}}@media (max-width:800px){.SkillsSection_skillscontainer__ctvIO{padding:30px}}@media (max-width:667px){.SkillsSection_skillscontainer__ctvIO{padding:15px}.SkillsSection_skillsheader__uX1f2{padding:10px 15px}.SkillsSection_skillscontent__QlqKh{padding:15px}}@media (max-width:615px){.SkillsSection_skillscontent__QlqKh{display:flex;flex-direction:column;gap:10px}}@media (max-width:410px){.SkillsSection_skillscontainer__ctvIO{font-size:1rem}.SkillsSection_iconStyles__3Je_s{width:25px;height:25px}}.threeJsHeader_threeJsHeader__AYVWl{width:100%;display:grid;grid-template-columns:1fr 200px;padding:100px 50px 0;height:-moz-fit-content;height:fit-content}.threeJsHeader_threeH1__2voEJ{font-size:8rem;margin:auto}.threeJsHeader_complex__7QSwr{background:linear-gradient(45deg,#ff0080,#39f);background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block}.threeJsHeader_threeJsLogo__khdCt{width:100%;height:100%}@media (max-width:1413px){.threeJsHeader_threeH1__2voEJ{font-size:5rem}}@media (max-width:912px){.threeJsHeader_threeH1__2voEJ{font-size:4.5rem}.threeJsHeader_threeJsHeader__AYVWl{grid-template-columns:1fr 140px}}@media (max-width:800px){.threeJsHeader_threeJsHeader__AYVWl{padding:100px 30px 0}.threeJsHeader_threeH1__2voEJ{font-size:4rem}}@media (max-width:699px){.threeJsHeader_threeJsHeader__AYVWl{grid-template-columns:1fr 120px}}@media (max-width:667px){.threeJsHeader_threeJsHeader__AYVWl{padding:50px 15px 0}.threeJsHeader_threeH1__2voEJ{font-size:3rem}}@media (max-width:525px){.threeJsHeader_threeJsHeader__AYVWl{grid-template-columns:1fr 80px}.threeJsHeader_threeH1__2voEJ{font-size:1.8rem}}