@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/sora-latin-ext-wght-normal.812d2878.woff2) format("woff2-variations");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/sora-latin-wght-normal.74e69410.woff2) format("woff2-variations");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes colorSwap{0%{color:#fff}50%{color:#ff4151}to{color:#fff}}@keyframes distort{0%{transform:translate(20%,-15%)}10%{transform:translate(-20%,-15%)}20%{transform:translate(20%,-5%)}30%{transform:translate(-20%,-5%)}40%{transform:translate(20%,5%)}50%{transform:translate(-20%,5%)}60%{transform:translate(20%,15%)}70%{transform:translate(-20%,15%)}80%{transform:translate(20%,5%)}90%{transform:translate(-20%,5%)}to{transform:translate(20%,-5%)}}@keyframes nudge-left{0%{transform:translateX(0)}50%{transform:translateX(-15px)}to{transform:translateX(0)}}@keyframes nudge-right{0%{transform:translateX(0)}50%{transform:translateX(15px)}to{transform:translateX(0)}}@keyframes flicker{0%{opacity:1}to{opacity:.9}}@keyframes noise{0%,to{transform:translate(0)}10%{transform:translate(-1px,-1px)}20%{transform:translate(1px)}30%{transform:translateY(1px)}40%{transform:translate(1px)}50%{transform:translate(-1px,1px)}60%{transform:translate(0)}70%{transform:translate(1px,1px)}80%{transform:translateY(-1px)}90%{transform:translate(1px)}}@keyframes edge-scale{0%{transform:scale(1)}50%{transform:scale(.99995)}to{transform:scale(1)}}@keyframes intro{0%{transform:translateY(0);font-weight:500;opacity:0;letter-spacing:.5rem}to{transform:translateY(0);opacity:1}}@keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes footer-effect{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes scroll-down{0%{opacity:0;transform:translateY(-50px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes delay-animation{0%{visibility:visible}49.99%{visibility:visible}50.01%{visibility:hidden}to{visibility:hidden}}body{background:#060918;color:#fff;cursor:default}body ::selection{color:#060918;background:#ff4151}.main{flex-direction:column}.container-wrap,.main{display:flex;width:100%}.container-wrap{justify-content:center}.container{max-width:1920px}.contain,.container{display:flex;width:100%}.contain{max-width:1440px;flex-direction:column;position:relative;justify-content:center;align-items:center;padding:0 20px}.contain.size-l{max-width:1224px}.contain.size-m{max-width:1024px}.contain.grow{flex:1 1;align-items:center;justify-content:center}.heading{font-size:48px;letter-spacing:.1rem;font-weight:300;text-transform:uppercase}.heading.xl{font-size:56px}.heading.flex{display:flex;align-items:center}.heading .quote{color:#ff4151;font-size:78px;font-weight:700}.heading b{color:#ff4151}@media only screen and (max-width:800px){.heading{font-size:32px}.heading.xl{font-size:40px}.heading .quote{font-size:62px}}@media only screen and (max-width:320px){.heading{font-size:20px}.heading.xl{font-size:28px}.heading .quote{font-size:50px}}.text{font-size:18px;letter-spacing:.05rem;font-weight:200;line-height:2.4}.text b{font-weight:400;color:#ff4151}@media only screen and (max-width:320px){.text{font-size:14px}}.button{line-height:2.4;border-radius:15px;justify-content:center;cursor:pointer;background-color:transparent;color:#ff4151;border:1px solid #fff;padding:2px 24px 2px 48px;font-weight:300;font-size:18px;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.button,.button span{align-items:center;display:flex}.button span{position:absolute;opacity:1;transition:all .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1) .35s;transform:translateX(0);margin-right:10px;left:14px}.button:hover{background-color:#fff;border:1px solid #fff;padding-left:24px}.button:hover span{opacity:0;margin-right:0;transform:translateX(-50px)}.mouse-trail{position:absolute;width:40px;height:40px;background-color:#ff4151;z-index:9999;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateX(-50%) translateY(-50%);border-radius:50%;opacity:.4;transform:all .1s ease}.mouse-trail .touch{display:none}.scroll-down-box{display:flex;position:absolute;bottom:0;align-items:center;justify-content:center;align-self:center;justify-self:center;width:40px;aspect-ratio:1/1;color:#ff4151}*,:after,:before{text-decoration:none;box-sizing:border-box;-webkit-font-smoothing:antialiased}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,main,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html body{font-family:Sora Variable,sans-serif}a{color:inherit}.main-{height:100vh;position:relative;display:flex;flex-direction:column;overflow:hidden}.main-:after{background-repeat:repeat;content:"";height:300%;left:-100%;opacity:.015;pointer-events:none;position:fixed;top:-100%;width:300%;will-change:transform;transition:all .75s cubic-bezier(.6,0,0,1);transition-delay:.25s}.main-.active:after{opacity:.125;filter:brightness(.45)}.main- .sec{display:flex;width:100%;height:100%;position:relative;flex-direction:column}.main- .sec .nav-arrows{will-change:transform,opacity,scale;display:flex;position:absolute;bottom:0;width:100%;align-items:center;justify-content:center;margin:20px 0;transition:all .65s cubic-bezier(.6,0,0,1);transition-delay:0s;opacity:0;scale:.9;transform:translateY(150px);pointer-events:none;visibility:hidden}.main- .sec .nav-arrows.menu{visibility:visible;opacity:1;scale:1;transform:translateY(0);pointer-events:all;transition-delay:.35s}.main- .sec .nav-arrows.auto{pointer-events:none}.main- .sec .nav-arrows .left-arrow,.main- .sec .nav-arrows .right-arrow{border-radius:25px;border:1px solid #fff;margin:20px;color:#060918;background-color:#ff4151;padding:15px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1)}.main- .sec .nav-arrows .left-arrow:hover,.main- .sec .nav-arrows .right-arrow:hover{background-color:#fff}@media only screen and (max-width:800px){.main- .sec .nav-arrows .left-arrow,.main- .sec .nav-arrows .right-arrow{margin:20px 30px;padding:10px}.main- .sec .nav-arrows .left-arrow:hover,.main- .sec .nav-arrows .right-arrow:hover{background-color:#ff4151}}.main- .sec .nav-arrows .left-arrow.left-nudge,.main- .sec .nav-arrows .right-arrow.right-nudge{scale:.9}.main- .sec .ter{width:100%;height:100%;transition:all 1s cubic-bezier(.6,0,0,1);scale:1;overflow:hidden;border:0 solid #000;will-change:scale,border,filter}.main- .sec .ter.menu{scale:.9995;box-shadow:inset 0 0 54px rgba(0,0,0,.8);border:10px solid #000;filter:grayscale(.25);animation:flicker .1s infinite alternate-reverse,noise 4s infinite,edge-scale .4s infinite alternate-reverse;cursor:-webkit-grab;cursor:grab}.main- .sec .ter.menu:before{z-index:2;background:linear-gradient(135deg,hsla(0,0%,58%,.5),hsla(0,0%,5%,.55) 19%,rgba(1,1,1,.64) 50%,hsla(0,0%,4%,.69) 69%,rgba(51,51,51,.73) 84%,hsla(0,0%,9%,.76) 93%,rgba(27,27,27,.78));opacity:.15}.main- .sec .ter.menu:after,.main- .sec .ter.menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.main- .sec .ter.menu:after{z-index:1;background-color:#ddd;opacity:.015}@media only screen and (max-width:1024px){.main- .sec .ter.menu{border:none}}.main- .sec .ter .quad{position:absolute;width:100%;height:100%;scale:1;transition:all 1s cubic-bezier(.6,0,0,1),transform .65s ease;will-change:scale,transform}.main- .sec .ter .quad.menu{scale:.62;pointer-events:none}.main- .sec .ter .quad .slide-icon,.main- .sec .ter .quad .slide-title{position:absolute;font-size:44px;letter-spacing:.05rem;opacity:0;font-weight:200;transition:all 1s cubic-bezier(.6,0,0,1);transition-delay:0s;visibility:hidden;text-transform:lowercase;display:flex;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:opacity}.main- .sec .ter .quad .slide-icon.menu,.main- .sec .ter .quad .slide-title.menu{pointer-events:none;visibility:visible;transition-delay:.65s;transition:all 1s cubic-bezier(.6,0,0,1)}.main- .sec .ter .quad .slide-icon.no-menu,.main- .sec .ter .quad .slide-title.no-menu{transition-delay:0s;transition:all .2s cubic-bezier(.6,0,0,1);color:transparent}.main- .sec .ter .quad .slide-title{top:-3%;left:5%;transform:translateY(50px)}.main- .sec .ter .quad .slide-icon{bottom:-3%;right:5%;transform:translateY(-50px)}.main- .sec .ter .quad .slide-icon svg{color:#ff4151}.main- .sec .ter .penta{position:absolute;width:100%;height:100%;scale:1;left:0;opacity:1;transition:all 1s cubic-bezier(.6,0,0,1),transform .65s ease;border:2px solid transparent;will-change:scale,filter;overflow:auto;display:inline-flex;flex-direction:column;will-change:scale,border,filter,border-radius}.main- .sec .ter .penta.menu{scale:.92;border:2px solid #ff4151;border-radius:20px;pointer-events:none;overflow:hidden;filter:blur(1px)}@media only screen and (max-width:800px){.main- .sec .ter .penta.menu{filter:none}}.main- .sec .ter .penta .penta-content{position:relative;z-index:1}.main- .sec .ter .penta .penta-content.menu{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main- .sec .ter .penta .penta-footer{z-index:0;position:-webkit-sticky;position:sticky;bottom:0}.main- .sec .ter .penta .penta-section{position:relative;z-index:1;background-color:#060918}.main- .sec .ter .pointer{position:absolute;width:100%;height:0%;z-index:50;pointer-events:none;border-radius:20px;transition:all .35s cubic-bezier(.6,0,0,1)}.main- .sec .ter .pointer.touch{pointer-events:all;cursor:pointer;height:10000%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main- .sec .ter .pointer.touch:hover{background-color:hsla(0,0%,100%,.15)}.main- .sec .ter .pointer.auto{pointer-events:none}.header{position:absolute;z-index:50}.header,.header .header-wrap{width:100%;display:flex;transition:all .65s cubic-bezier(.6,0,0,1)}.header .header-wrap{justify-content:space-between;height:90px;margin:0}.header .header-wrap.menu{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (max-width:800px){.header .header-wrap{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);height:70px;border-radius:25px}}.header.auto{pointer-events:none}.header .main-logo{display:flex;align-items:center;cursor:pointer;top:0;left:0;z-index:10;padding:10px 20px;transition:all .65s cubic-bezier(.6,0,0,1),color 0s cubic-bezier(.6,0,0,1),border-radius 1s cubic-bezier(.6,0,0,1),margin 1s cubic-bezier(.6,0,0,1),padding 1s cubic-bezier(.6,0,0,1)}.header .main-logo .logo-image{width:75px;transition:all .3s cubic-bezier(.6,0,0,1)}.header .main-logo .logo-image img{width:100%;height:100%}@media only screen and (max-width:800px){.header .main-logo .logo-image{width:55px}}.header .main-logo.menu{display:flex;border-radius:25px}.header .main-logo:hover{scale:.9}.header .menu-btn{display:flex}.header .menu-btn span{display:flex;align-items:center;margin:0 10px;font-size:20px;color:#fff;font-weight:200;letter-spacing:.05rem}.header .menu-btn span svg{margin:0 10px}.header .menu-btn .btn-icon{border-radius:0 0 0 20px;align-items:center;justify-content:center;display:flex;cursor:pointer;z-index:10;background-color:#060918;color:#ff4151;transition:all .65s cubic-bezier(.6,0,0,1),color 0s cubic-bezier(.6,0,0,1),border-radius 1s cubic-bezier(.6,0,0,1),margin 1s cubic-bezier(.6,0,0,1),padding 1s cubic-bezier(.6,0,0,1);margin:10px;padding:15px;border:1px solid #fff;border-radius:10px}.header .menu-btn .btn-icon:hover{background-color:#fff}.header .menu-btn .btn-icon.menu{display:flex;border-radius:25px;border:1px solid #fff;color:#060918;background-color:#ff4151;padding:15px;margin:10px}.header .menu-btn .btn-icon.menu:hover{background-color:#fff}.header .menu-btn .btn-icon.auto{pointer-events:none}.header .menu-btn .btn-icon .maximize,.header .menu-btn .btn-icon .minimize{transition:all .65s cubic-bezier(.6,0,0,1)}.header .menu-btn .btn-icon .minimize{position:absolute}.header .menu-btn .btn-icon .active{transform:rotate(45deg) scale(0);opacity:0}.header .menu-btn .btn-icon .inactive{transform:rotate(-45deg) scale(0);opacity:0}@media only screen and (max-width:800px){.header .menu-btn .btn-icon{margin:0 10px}.header .menu-btn .btn-icon.menu{padding:10px;margin:5px}.header .menu-btn .btn-icon.menu:hover{background-color:#ff4151}.header .menu-btn .btn-icon:hover{background-color:#060918}}.home,.home .hero{width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.home .hero{max-width:100%;height:100vh;min-height:100vh}.home .hero .title-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex-direction:column}.home .hero .title-wrap .title{font-size:150px;white-space:nowrap;font-weight:100;text-transform:uppercase;color:#fff;letter-spacing:.05rem;animation:intro 1.25s cubic-bezier(.6,.05,0,.9) 1}@media only screen and (max-width:800px){.home .hero .title-wrap .title{white-space:normal;text-align:center;padding:30px}}.home .hero .title-wrap .subtitle{margin:25px;padding:0 15px;font-size:20px;display:flex;align-items:center;justify-content:flex-end;width:100%;animation:opacity 1.25s cubic-bezier(.6,.05,0,.9) 1}.home .hero .title-wrap .subtitle.start{justify-content:flex-start;animation:opacity 1.25s cubic-bezier(.6,.05,0,.9) 1}@media only screen and (max-width:800px){.home .hero .title-wrap .subtitle{justify-content:center;max-width:100%}.home .hero .title-wrap .subtitle.start{justify-content:center}}.home .hero .title-wrap .subtitle .subtext{font-size:18px;display:flex;align-items:center;letter-spacing:.05rem;color:#fff;font-weight:200;flex-direction:row}.home .hero .title-wrap .subtitle .subtext span{margin:0 10px;display:flex;align-items:center}.home .hero .title-wrap .subtitle .subtext span svg{color:#ff4151}@media only screen and (max-width:800px){.home .hero .title-wrap .subtitle .subtext{justify-content:center;font-size:16px}.home .hero .title-wrap .subtitle .subtext span{margin:0 5px}.home .hero .title-wrap .subtitle .subtext span svg{width:16px}.home .hero .title-wrap .subtitle .subtext{font-size:14px}}.home .hero .title-wrap .subtitle .subsocial{display:flex;align-items:center;flex-direction:row;font-size:20px}.home .hero .title-wrap .subtitle .subsocial span{cursor:pointer;display:flex;align-items:center;margin:0 30px;transition:all .35s cubic-bezier(.6,0,0,1);flex-direction:column}.home .hero .title-wrap .subtitle .subsocial span p{position:absolute;overflow:hidden;margin:0 5px;transform:translateY(35px);opacity:0;max-width:0;scale:.99;font-weight:200;letter-spacing:.05rem;transition:all .35s cubic-bezier(.6,0,0,1)}.home .hero .title-wrap .subtitle .subsocial span svg{color:#ff4151;transition:all .35s cubic-bezier(.6,0,0,1);stroke-width:2}.home .hero .title-wrap .subtitle .subsocial span:hover svg{color:#fff;scale:1.15}.home .hero .title-wrap .subtitle .subsocial span:hover p{transform:translateY(40px);opacity:1;max-width:none;scale:1}@media only screen and (max-width:800px){.home .hero .title-wrap .subtitle .subsocial{justify-content:center;font-size:16px}.home .hero .title-wrap .subtitle .subsocial span{margin:0 15px}}.home .hero .splash-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:center;display:flex;max-width:100%;opacity:.05;transition-timing-function:cubic-bezier(.6,0,0,1)}.home .hero .splash-logo img{width:100%}.home .me-about{display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%}.home .me-about .me-lax{margin:55px 0 75px;text-align:center;display:flex;justify-content:center}.home .me-about .me-lax span{margin:5px}.home .me-about .me-lax .no-left{margin-left:0}.home .me-about .me-lax .no-right{margin-right:0}@media only screen and (max-width:1224px){.home .me-about .me-lax{flex-wrap:wrap}}@media only screen and (max-width:800px){.home .me-about .me-lax{margin:45px 0}}.home .me-about .me-info{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center;margin:125px 0}.home .me-about .me-info .me-image{width:50%;filter:grayscale(.25) sepia(.25) contrast(1.1) brightness(.85);margin-right:50px;display:flex;align-items:center;justify-content:center;overflow:hidden}.home .me-about .me-info .me-image,.home .me-about .me-info .me-image img{height:100%;border-radius:25px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home .me-about .me-info .me-image img{width:100%;aspect-ratio:origin}.home .me-about .me-info .me-image .parallax{position:absolute;top:0;left:0;z-index:-1;scale:1.075;border-radius:25px;filter:blur(1px);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home .me-about .me-info .me-desc{font-size:18px;width:50%;margin-left:50px;letter-spacing:.02rem;font-weight:200;line-height:2.4;display:block}.home .me-about .me-info .me-desc .desc-p .boldify{font-weight:500;color:#ff4151}.home .me-about .me-info .me-desc .desc-p.padding{padding-top:50px}.home .me-about .me-info .me-desc .me-more{margin-top:50px;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:800px){.home .me-about .me-info{flex-direction:column;padding:20px}.home .me-about .me-info .me-image{margin-bottom:40px;margin-right:0;width:100%}.home .me-about .me-info .me-desc{margin-bottom:40px;margin-left:0;width:100%}.home .me-about .me-info{margin:50px 0}}.home .me-skills{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:25px 0}.home .me-skills .me-skill{display:grid;grid-template-columns:1fr 2fr 3fr;grid-template-rows:1fr;min-height:400px;width:100%;grid-gap:20px;gap:20px}.home .me-skills .me-skill.no-height{min-height:auto}.home .me-skills .me-skill .no-{justify-self:start;color:#ff4151;font-weight:800}.home .me-skills .me-skill .skill-{justify-self:start;text-transform:uppercase}.home .me-skills .me-skill .skill- .skill-image{display:flex;align-items:center;justify-content:flex-start;margin-top:10px}.home .me-skills .me-skill .desc-{justify-self:flex-start}.home .me-skills .me-skill .me-skill-more{width:-moz-fit-content;width:fit-content;margin-top:50px}@media only screen and (max-width:800px){.home .me-skills{padding:0 20px}.home .me-skills .me-skill{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 4fr;margin-bottom:75px;gap:20px;margin-top:35px}.home .me-skills .me-skill .no-{grid-column:1/span 1;grid-row:1/span 1}.home .me-skills .me-skill .skill-{grid-column:2/4;grid-row:1/1}.home .me-skills .me-skill .desc-{grid-column:1/-1;grid-row:2/-2}}.skills{display:flex;align-items:center;justify-content:center;flex-direction:column}.skills .hero{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr 1fr;grid-gap:20px;gap:20px;align-items:center;min-height:100vh;height:100vh;position:relative}.skills .hero .skill-heading{display:flex;justify-content:flex-end;align-items:flex-end;height:100%;width:100%}.skills .hero .skill-desc{display:flex;justify-content:flex-start;align-items:flex-start;height:100%;width:100%;flex-direction:column}.skills .hero .shape{position:absolute;display:flex;height:100%;width:100%;z-index:-1;color:#ff4151;opacity:.05;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:800px){.skills .hero{grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:0 20px;justify-self:center}.skills .hero .skill-heading{justify-content:center;align-items:center}.skills .hero .hero-fill{display:none}}.skills .skills-flex{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column;margin:125px 0;position:relative}@media only screen and (max-width:800px){.skills .skills-flex{margin:25px 0 50px}}.skills .skills-grid{display:grid;grid-template-columns:4fr 3fr;padding:100px 0;align-items:center;justify-content:center;grid-gap:0;gap:0;width:100%;border-bottom:1px solid #ff4151;position:relative}.skills .skills-grid.no-border{border-bottom:1px solid transparent}.skills .skills-grid .left{display:flex;justify-content:flex-start;align-items:center;align-self:center;height:100%}.skills .skills-grid .right{display:grid;grid-template-columns:repeat(3,150px);width:100%;height:100%;grid-gap:25px;gap:25px;justify-content:flex-end}.skills .skills-grid .right .skill{display:flex;align-items:center;border-radius:10px;padding:15px;width:100%;aspect-ratio:1/1;position:relative;align-items:flex-end;justify-content:center;text-align:center;font-weight:300;letter-spacing:.05rem;font-size:18px;flex-direction:column}.skills .skills-grid .right .skill .skill-icon{display:flex;width:100%;height:100%;position:relative;max-width:90%;align-self:center}.skills .skills-grid .right .skill .skill-icon .icon{position:absolute;z-index:0;opacity:1;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;padding:30px}.skills .skills-grid .right .skill .skill-icon .icon svg{color:#ff4151;fill:#ff4151}.skills .skills-grid .right .skill .skill-name{display:flex;z-index:1;padding:5px;margin-top:5px;border-radius:15px;color:#fff;width:100%;text-align:center;justify-content:center}@media only screen and (max-width:800px){.skills .skills-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr 3fr}.skills .skills-grid .left{width:100%;justify-content:center;grid-row:span 1/span 1;text-align:center}.skills .skills-grid .right{grid-row:2/-1;width:100%;justify-content:center;grid-template-columns:33% 33% 33%;gap:5px}.skills .skills-grid .right .skill{max-width:135px;align-self:center;justify-self:center;padding:0}.skills .skills-grid .right .skill .skill-name{margin-top:0}}@media only screen and (max-width:320px){.skills .skills-grid .right{grid-template-columns:1fr 1fr}.skills .skills-grid .right .skill{padding:5px}.skills .skills-grid .right .skill .skill-icon{max-width:90%;justify-self:center;align-self:center}.skills .skills-grid .right .skill .skill-icon .icon{padding:35px}}.about{display:flex;align-items:center;justify-content:center;flex-direction:column}.about .hero{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr 1fr;grid-gap:20px;gap:20px;align-items:center;min-height:100vh;height:100vh;position:relative}.about .hero .about-heading{display:flex;justify-content:flex-end;align-items:flex-end;height:100%;width:100%}.about .hero .about-desc{display:flex;justify-content:flex-start;align-items:flex-start;height:100%;width:100%;flex-direction:column}.about .hero .shape{position:absolute;display:flex;height:100%;width:100%;z-index:-1;color:#ff4151;opacity:.05;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:800px){.about .hero{grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:0 20px;justify-self:center}.about .hero .about-heading{justify-content:center;align-items:center}.about .hero .hero-fill{display:none}}.about .about-text{max-width:800px}.about .about-text,.about .about-text .snippets{display:flex;flex-direction:column;align-items:center;justify-content:center}.about .about-text .snippets{margin:50px 0;text-align:center}.about .about-text .snippets .about-icon{width:50px;display:flex;align-items:center;justify-content:center;margin:10px 0}.about .about-text .snippets .about-icon svg{color:#ff4151}.about .about-text .snippets a{text-decoration:underline;cursor:pointer}.about .about-text .about-line{width:2px;height:200px;margin:0;background-color:#ff4151}.about .about-text .about-line,.footer{align-items:center;justify-content:center}.footer{width:100%;height:100%;background:radial-gradient(circle,#ff4151,rgba(6,9,24,.5)),radial-gradient(circle at bottom,#ff4151,rgba(6,9,24,.5));color:#060918;line-height:2.4;min-height:500px;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0 20px}.footer .footer-effect{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;animation:footer-effect 90s linear infinite;opacity:.5}.footer .footer-effect .effect-line{position:absolute;height:1px;width:200%;top:50%;left:-50%;background-color:#060918}.footer .footer-effect .effect-line:after,.footer .footer-effect .effect-line:before{content:"";position:absolute;height:1px;width:200%;top:50%;left:-50%;background-color:#060918}.footer .footer-effect .effect-line:before{transform:rotate(-15deg)}.footer .footer-effect .effect-line:after{transform:rotate(15deg)}.footer .footer-effect :first-child{transform:rotate(-45deg)}.footer .footer-effect :nth-child(2){transform:rotate(45deg)}.footer .footer-effect :nth-child(3){transform:rotate(90deg)}.footer .footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;width:100%;height:100%;max-height:100%;flex:1 1}.footer .footer-content .footer-logo{width:100px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background-color:#060918;border-radius:25px;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent}.footer .footer-content .footer-logo img{width:100px;max-width:100%;padding:10px;aspect-ratio:1/1}.footer .footer-content .footer-logo:hover{scale:.95;border:1px solid #fff}.footer .footer-content .footer-bar{position:absolute;width:100%;bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;font-size:18px;font-weight:300;color:#060918;letter-spacing:.05rem;grid-gap:20px;gap:20px;margin:10px 0}.footer .footer-content .footer-bar .coords,.footer .footer-content .footer-bar .copyright,.footer .footer-content .footer-bar .footer-socials{display:flex;align-items:center}.footer .footer-content .footer-bar .coords span,.footer .footer-content .footer-bar .copyright span,.footer .footer-content .footer-bar .footer-socials span{display:flex;align-items:center;margin-right:5px}.footer .footer-content .footer-bar .coords a,.footer .footer-content .footer-bar .copyright a,.footer .footer-content .footer-bar .footer-socials a{display:flex;padding:0;background-color:transparent;border-radius:10px;margin-left:15px;margin-right:0;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer}.footer .footer-content .footer-bar .coords a:hover,.footer .footer-content .footer-bar .copyright a:hover,.footer .footer-content .footer-bar .footer-socials a:hover{font-weight:600}.footer .footer-content .footer-bar .coords{justify-content:center}.footer .footer-content .footer-bar .coords a{margin:0}.footer .footer-content .footer-bar .footer-socials{display:flex;justify-content:flex-end;color:#060918;cursor:pointer}@media only screen and (max-width:800px){.footer .footer-content .footer-bar{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;padding:0 20px}.footer .footer-content .footer-bar .coords,.footer .footer-content .footer-bar .copyright,.footer .footer-content .footer-bar .footer-socials{justify-content:center}.footer .footer-content .footer-bar .coords a,.footer .footer-content .footer-bar .copyright a,.footer .footer-content .footer-bar .footer-socials a{margin:0;border-radius:0;border-bottom:1px solid #060918;line-height:1.4}.footer .footer-content .footer-bar .footer-socials{justify-content:space-between;flex-wrap:wrap;justify-content:space-evenly}.footer{min-height:600px}}