#about-me-content{height:100vh;display:grid}.about-me-wrapper{animation:.5s linear alternate scaleUp;line-height:1.5;max-width:450px;margin:auto}@media screen and (max-width:1023px){.about-me-wrapper{padding:0 20px;font-size:12px}}.about-me-wrapper>p{text-align:center}.about-me-wrapper>h1{text-align:center;font-size:28px;margin-bottom:-5px}.image-wrapper{text-align:center}.image-wrapper img{height:150px;border-radius:50%}.pp{height:200px}.talk-bubble{position:relative;width:180px;background-color:#000;border:2px solid #fff;border-radius:8px;margin-left:50%;margin-bottom:24px;animation:bounce .2s infinite alternate}@media screen and (max-width:1023px){.talk-bubble{width:160px}}.talk-bubble:before{content:" ";position:absolute;width:0;height:0;left:30px;right:auto;top:auto;bottom:-25px;border:12px solid;border-color:#fff transparent transparent #fff}.talk-bubble:after{content:" ";position:absolute;width:0;height:0;left:32px;bottom:-20px;border:12px solid;border-color:#000 transparent transparent #000}.talktext{padding:12px;line-height:1.5;color:#fff;text-align:center}.talktext p{-webkit-margin-before:0;-webkit-margin-after:0}.colon{padding:0 2px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleUp{from{transform:scale(0)}to{transform:scale(1)}}@keyframes bounce{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}.tl-wrapper{width:100%;max-width:950px;height:100vh;display:flex;align-items:center}.tl-wrapper .tl-content>p{color:#60cafc}@media screen and (max-width:480px){.tl-wrapper .tl-content>p{font-size:15px}}@media screen and (min-width:481px) and (max-width:767px){.tl-wrapper .tl-content>p{font-size:17px}}@media screen and (min-width:768px) and (max-width:1024px){.tl-wrapper .tl-content>p{font-size:24px}}@media screen and (min-width:1025px){.tl-wrapper .tl-content>p{font-size:30px}}.tl-wrapper .tl-content{line-height:1.25;opacity:0;transition:opacity .3s ease-in-out}@media screen and (max-width:320px){.tl-wrapper .tl-content{margin-left:30px;margin-right:5px}}@media screen and (min-width:321px) and (max-width:480px){.tl-wrapper .tl-content{margin-left:35px;margin-right:15px}}@media screen and (min-width:481px) and (max-width:1023px){.tl-wrapper .tl-content{margin-left:45px;margin-right:30px}}@media screen and (min-width:1024px){.tl-wrapper .tl-content{margin-left:15px;max-width:50vw}}.tl-wrapper .tl-content.sticky{position:fixed;top:50%;transform:translateY(-50%);opacity:1}@media screen and (max-width:320px){.tl-wrapper .tl-content.sticky{top:55%}}.tl-wrapper .tl-content.hidden{opacity:0}.stepper{position:fixed;top:50%;right:0;transform:translate(0,-50%);transition:opacity .3s ease-in-out;padding-right:30px}@media screen and (max-width:1023px){.stepper{top:30px;padding-right:0;left:50%;right:unset;transform:translateX(-50%)}}.stepper.hidden{opacity:0}.stepper ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}@media screen and (max-width:1023px){.stepper ul{flex-direction:row}}.stepper ul li.step .name{color:#939393;float:right;margin-top:1px;font-size:20px;transition:color .3s ease-in-out}@media screen and (max-width:767px){.stepper ul li.step .name{font-size:14px;float:right;margin-top:12px;margin-left:-7.5px;margin-right:50px;text-align:center;width:30px}}@media screen and (min-width:481px) and (max-width:767px){.stepper ul li.step .name{font-size:14px;float:right;margin-top:25px;margin-left:-35px;margin-right:calc(7vw + 8px);text-align:center;width:40px}}@media screen and (min-width:768px) and (max-width:810px){.stepper ul li.step .name{font-size:14px;float:right;margin-top:15px;margin-left:-35px;margin-right:calc(7vw + 35px);text-align:center;width:40px}}@media screen and (min-width:811px) and (max-width:1023px){.stepper ul li.step .name{font-size:14px;float:right;margin-top:32px;margin-left:-38px;margin-right:calc(7vw + 38px);text-align:center;width:40px}}.stepper ul li.step:before{content:"";width:24px;height:24px;display:inline-block;border-radius:50%;margin-right:8px;background:#ddd}@media screen and (max-width:767px){.stepper ul li.step:before{width:15px;height:15px;float:left}}@media screen and (min-width:768px) and (max-width:1023px){.stepper ul li.step:before{width:20px;height:20px;float:left}}.stepper ul li.active .name{color:#60cafc}.stepper ul li.active:before{background:#60cafc;box-shadow:0 0 18px #d8f2fe;animation:750ms linear infinite pulseBlue}@media screen and (max-width:767px){.stepper ul li:last-child .name{margin-right:0}}@media screen and (min-width:768px) and (max-width:1023px){.stepper ul li:last-child .name{margin-right:0}}.stepper ul li:not(:last-child):after{height:48px;width:3px;content:"";display:block;background-color:#ddd;margin-left:10px;margin-top:8px;margin-bottom:8px}@media screen and (max-width:767px){.stepper ul li:not(:last-child):after{width:28px;height:3px;margin-top:6px;margin-bottom:0;margin-left:27px}}@media screen and (min-width:481px) and (max-width:767px){.stepper ul li:not(:last-child):after{width:7vw;height:3px;margin-bottom:0;margin-left:25px}}@media screen and (min-width:768px) and (max-width:1023px){.stepper ul li:not(:last-child):after{width:7vw;height:3px;margin-bottom:0;margin-left:40px}}@keyframes pulseBlue{0%{box-shadow:0 0 2px #d8f2fe}80%{box-shadow:0 0 28px #d8f2fe}100%{box-shadow:0 0 2px #d8f2fe}}ul.tl-highlights{list-style:disc}@media screen and (max-width:375px){ul.tl-highlights{margin-top:5px}}@media screen and (min-width:376px) and (max-width:810px){ul.tl-highlights{margin-top:10px}}@media screen and (min-width:811px){ul.tl-highlights{margin-top:15px}}ul.tl-highlights p{background-image:linear-gradient(90deg,#ccefff,#60cafc,#3f44e7);color:#60cafc;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width:320px){ul.tl-highlights p{font-size:10px}}@media screen and (min-width:321px) and (max-width:375px){ul.tl-highlights p{font-size:11px}}@media screen and (min-width:376px) and (max-width:480px){ul.tl-highlights p{font-size:12px}}@media screen and (min-width:481px) and (max-width:767px){ul.tl-highlights p{font-size:13px}}@media screen and (min-width:768px) and (max-width:1023px){ul.tl-highlights p{font-size:15px}}@media screen and (min-width:1024px){ul.tl-highlights p{font-size:16px}}.row::after{content:"";display:table;clear:both}.col{min-height:1px;position:relative;float:left;width:33.3333333333%;padding-right:15px;padding-left:15px;margin-bottom:50px}@media screen and (max-width:1023px){.col{width:50%;margin-bottom:50px}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,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}.section-content{margin-left:auto;margin-right:auto;max-width:950px;transition:opacity .3s ease-in-out}.section-content.hidden{opacity:0}.section-title-container{height:200vh}.section-title-wrapper{height:100vh;display:grid}.section-title-wrapper.sticky{position:fixed;top:50%;transform:translateY(-50%);width:100%}.section-title-text{font-size:48px;margin:auto auto 0}div.tech-img-wrapper{text-align:center}div.tech-img-wrapper>img{height:50px}@media screen and (max-width:1023px){div.tech-img-wrapper>img{height:40px}}div.tech-img-wrapper>img.img-wide{padding:6px}div.tech-img-wrapper>img.img-wide-xl{padding:8px}div.tech-desc-wrapper{line-height:1.5}div.tech-desc-wrapper>h1{text-align:center;font-weight:700}div.tech-desc-wrapper>p{text-align:left;font-size:14px}#tech-stack-content{height:100vh}#tech-stack-content>.tech-stack-content-inner{padding:30px 0;transition:opacity .2s ease-in-out}#tech-stack-content>.tech-stack-content-inner.hidden{opacity:0}#tech-stack-content>.tech-stack-content-inner>.tech-stack-content-title{margin-bottom:48px;text-align:center}@media screen and (max-width:1023px){#tech-stack-content>.tech-stack-content-inner>.tech-stack-content-title{margin-top:20px}}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Code Pro",monospace;background:#000;color:#fff}.text-bold{font-weight:700}.text-center{text-align:center}.mb-10{margin-bottom:10px}.d-none{display:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:#555}::-webkit-scrollbar-track{background-color:#333}a{color:#fff}.floating-btn-wrapper{bottom:15px;right:15px;position:fixed}.floating-btn-wrapper .btn-floating{display:block;padding:4px 5px;background-color:#fff;color:#fff;border:2px solid #fff;border-radius:5px;cursor:pointer;transition:opacity .2s ease-in-out}.floating-btn-wrapper .btn-floating>img{height:32px;float:left}.floating-btn-wrapper .btn-floating.btn-animate>img{padding:4px}.floating-btn-wrapper .btn-floating.btn-back-to-top{display:none;opacity:0}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:1000}