body{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:3rem;background-color:#0f172a;color:#e2e8f0;margin:0;cursor:default}html,body{height:100%;margin:0;scroll-behavior:smooth}.row-spacing{margin:12px 0 0}p{margin:0}.descr{font-size:16px;margin-bottom:10px}.l-title{font-size:20px;color:#e2e8f0}.m-title{font-size:16px;font-weight:300;color:#e2e8f0;line-height:1;line-height:1.625;margin-bottom:16px}.relaxed{line-height:1.625;font-weight:500;color:#94a3b8}.xl-title{font-size:48px;line-height:1;font-weight:700;background:linear-gradient(to right,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ml-1r{margin-left:1rem;text-decoration:none}.mt-1r{margin-top:1rem;font-size:14px}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.op-50{color:#e2e8f0b3;font-weight:300}.fancy{background:linear-gradient(to right,#38bdf8,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:24px}.gap-6{gap:6px;display:flex;flex-direction:column}.section-title{position:relative;font-size:24px;font-weight:700;color:#38bdf8;line-height:1.25rem;margin:0;text-transform:uppercase;letter-spacing:1px;display:inline-block;padding-bottom:8px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,#38bdf8,#818cf8);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.exp-wrapper{display:flex;gap:2rem;margin:1rem 0;border:1px solid transparent;border-radius:1rem;padding:0 1rem 1.5rem;max-width:740px;cursor:default;transition:all ease-in-out .2s;background:#ffffff05}.exp-wrapper:hover{border:1px solid rgba(56,189,248,.1);background:#ffffff08}.exp-wrapper:hover .right-column .relaxed{color:#e2e8f0e6}.exp-wrapper:hover .right-column .op-50{color:#e2e8f0cc}.exp-wrapper .left-column{flex:2;min-width:180px}.exp-wrapper .right-column{flex:7}.mb-6rem{margin-bottom:6rem}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(-40px);transform:translate(-40px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes slide-left{0%{-webkit-transform:translateX(-40px);transform:translate(-40px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(40px);transform:translate(40px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes slide-right{0%{-webkit-transform:translateX(40px);transform:translate(40px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes flash-card{0%{border:1px solid transparent;background-color:transparent}30%{border:1px solid rgba(26,39,68,.3);background-color:#131c334d}to{border:1px solid transparent;background-color:transparent}}#about.active .about-wrapper .bubble{opacity:1}#about.active .about-wrapper .bubble:nth-child(1){animation-delay:.2s}#about.active .about-wrapper .bubble:nth-child(2){animation-delay:.3s}#about.active .about-wrapper .bubble:nth-child(3){animation-delay:.4s}#about.active .about-wrapper .bubble:nth-child(4){animation-delay:.5s}#about.active .about-wrapper .bubble:nth-child(5){animation-delay:.6s}#about.active .about-wrapper .bubble:nth-child(6){animation-delay:.7s}#about.active .about-wrapper .bubble:nth-child(7){animation-delay:.8s}#about.active .about-wrapper .bubble:nth-child(8){animation-delay:.9s}#about.active .about-wrapper .bubble:nth-child(9){animation-delay:1s}#about.active .about-wrapper .bubble:nth-child(10){animation-delay:1.1s}#about.active .about-wrapper .m0{-webkit-animation:slide-left 1.1s cubic-bezier(.075,.82,.165,1);animation:slide-left 1.1s cubic-bezier(.075,.82,.165,1)}#work.active .section-title:after{animation:scale-in-line .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.2s}#portf.active .section-title:after,#ed.active .section-title:after{animation:scale-in-line .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.2s}.bubbles{margin-top:5px;flex-wrap:wrap;display:flex}.bubble{opacity:0;padding:2px 8px;border-radius:18px;font-weight:500;color:#38bdf8;background:#38bdf81a;font-size:13px;border:1px solid rgba(56,189,248,.1)}.bubble:hover{color:#e2e8f0;background:linear-gradient(to right,#38bdf8,#818cf8);border-color:transparent}.bubbles{display:flex;flex-wrap:wrap;gap:12px;margin-top:1rem}.bubble:hover{transition:all ease-in-out .2s;color:#fff!important}@-webkit-keyframes slide-left-long{0%{-webkit-transform:translateX(-80px);transform:translate(-80px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes slide-left-long{0%{-webkit-transform:translateX(-80px);transform:translate(-80px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@-webkit-keyframes slide-right-long{0%{-webkit-transform:translateX(80px);transform:translate(80px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes slide-right-long{0%{-webkit-transform:translateX(80px);transform:translate(80px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@media screen and (max-width: 1350px){.main{gap:4rem}.left-sticky{padding-left:5vh}}@media screen and (max-width: 1000px){.main{flex-direction:column;gap:1rem!important;height:auto!important}.left-sticky{position:relative!important;padding-left:3rem!important;padding-right:3rem!important}.left-sticky .burger{display:none!important}.left-sticky .media{padding-top:3rem}.right-wrapper{padding-left:3rem;padding-right:3rem}.exp-wrapper,.port-wrapper{flex-direction:column}}.about-wrapper .about{line-height:1.625;margin-bottom:16px;font-weight:500;color:#99a5b7}.about-wrapper .about b{color:#38bdf8}.about-wrapper .about.t1{-webkit-animation:slide-left 1.51s cubic-bezier(.075,.82,.165,1);animation:slide-left 1.5s cubic-bezier(.075,.82,.165,1)}.about-wrapper .about.t2{-webkit-animation:slide-right 1s cubic-bezier(.075,.82,.165,1);animation:slide-right 1s cubic-bezier(.075,.82,.165,1)}*{cursor:default}a,button,.clickable,[role=button],[type=button],[type=submit],[type=reset]{cursor:pointer!important}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=url],textarea{cursor:text!important}@keyframes scale-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes scale-in-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}