#time{position:absolute;right:100vw}#time+label{--i:0;--j:calc(1 - var(--i));display:grid;grid-gap:.5em .25em;overflow:hidden;padding:.5em;height:1em;border-radius:1.75em;background:gray;color:transparent;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:.3s;cursor:pointer}#time+label:after,#time+label:before{width:1em;height:1em;transition:inherit;content:""}#time+label:before{-webkit-transform-origin:20% 20%;transform-origin:20% 20%;-webkit-transform:translate(calc(var(--i) * (100% + .25em))) scale(calc(1 - var(--i) * .7));transform:translate(calc(var(--i) * (100% + .25em))) scale(calc(1 - var(--i) * .7));background:#ff0;--poly:polygon(44.13371% 12.96169%,50% 0%,55.86629% 12.96169%,59.70571% 13.77778%,63.4388% 14.99073%,67.02464% 16.58726%,79.38926% 9.54915%,76.5165% 23.4835%,79.14297% 26.40049%,81.45015% 29.57604%,83.41274% 32.97536%,97.55283% 34.54915%,87.03831% 44.13371%,87.44861% 48.0374%,87.44861% 51.9626%,87.03831% 55.86629%,97.55283% 65.45085%,83.41274% 67.02464%,81.45015% 70.42396%,79.14297% 73.59951%,76.5165% 76.5165%,79.38926% 90.45085%,67.02464% 83.41274%,63.4388% 85.00927%,59.70571% 86.22222%,55.86629% 87.03831%,50% 100%,44.13371% 87.03831%,40.29429% 86.22222%,36.5612% 85.00927%,32.97536% 83.41274%,20.61074% 90.45085%,23.4835% 76.5165%,20.85703% 73.59951%,18.54985% 70.42396%,16.58726% 67.02464%,2.44717% 65.45085%,12.96169% 55.86629%,12.55139% 51.9626%,12.55139% 48.0374%,12.96169% 44.13371%,2.44717% 34.54915%,16.58726% 32.97536%,18.54985% 29.57604%,20.85703% 26.40049%,23.4835% 23.4835%,20.61074% 9.54915%,32.97536% 16.58726%,36.5612% 14.99073%,40.29429% 13.77778%);-webkit-clip-path:var(--poly);clip-path:var(--poly)}#time+label:after{grid-column:2;border-radius:50%;-webkit-transform:translatey(calc(var(--i) * (-100% - .75em)));transform:translatey(calc(var(--i) * (-100% - .75em)));background:radial-gradient(circle at 19% 19%,transparent 41%,#fff 43%)}#time:checked+label{--i:1}.footer-text{text-align:center;color:#495057!important}.dark-mode{color:#fff!important}.footer-div{margin-top:2rem;padding-bottom:1rem}.footer-name-text{text-transform:uppercase;font-weight:700;color:#000}.headroom-wrapper{max-height:100px}.dark-menu{background-color:#171c28!important;color:#fff}.dark-menu li a{color:#fff!important}.dark-menu li a:hover{font-weight:700}.header{background-color:#fff;max-width:100%;padding:15px 20px;margin:0 auto;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.header ul{margin:0;padding:0;list-style:none;overflow:hidden}.grey-color{color:#495057}.header li a{display:block;padding:15px 30px 15px 10px;color:#000;text-decoration:none}.header .menu-btn:hover,.header li a:hover{font-weight:700}.header .logo{display:block;flex:none;float:left;font-size:1.5em;text-decoration:none;margin-top:10px;line-height:normal}.header .logo-name{font-family:High-summit;font-weight:700;-webkit-font-feature-settings:"liga","clig off";font-feature-settings:"liga","clig off";font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;padding:0 10px}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon-dark{background:#fff}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon-dark:after,.header .menu-icon .navicon-dark:before{background:#fff!important;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:486px}.header .menu-btn:checked~.menu-icon .navicon{background:transparent!important}.header .menu-btn:checked~.menu-icon .navicon:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}@media(min-width:48em){.header li{float:left}.header{display:flex;align-items:center;justify-content:space-between}.header .menu{max-height:none}.header .menu-icon{display:none}}@media(max-width:960px)and (min-width:768px){.header{font-size:12px}}.nav-item{display:flex;align-items:center}.active{font-weight:700}.social-media-div{font-size:2em}.icon-button{margin-bottom:10px}.icon-button i{color:#fff;border-radius:2.6rem;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;position:relative;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:2.6rem;margin:0 5px 10px;transition:.2s ease-in}.facebook i{background-color:#3b5998}.linkedin i{background-color:#0e76a8}.github i{background-color:#333}.gitlab i{background-color:#fca326}.google i{background-color:#ea4335}.twitter i{background-color:#1da1f2}.medium i{background-color:#000}.stack-overflow i{background-color:#f48024}.kaggle i{background-color:#20beff}.instagram i{background-color:#c13584}.facebook i:hover,.github i:hover,.gitlab i:hover,.google i:hover,.instagram i:hover,.kaggle i:hover,.linkedin i:hover,.medium i:hover,.stack-overflow i:hover,.twitter i:hover{background-color:#000}@media(max-width:768px){.social-media-div{text-align:center}}.dev-icons{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:20px;gap:20px;padding-left:0;list-style:none;font-size:3rem;margin-bottom:0;margin-top:0;text-align:center}.software-skill-inline{display:inline-block}.software-skill-inline>i{color:#495057}.software-skill-inline>i:hover{color:#645beb}.software-skill-inline>p{color:#495057;font-size:12px;font-weight:600;margin:16px 0 0}.software-skill-inline>i:hover~p{color:#645beb}.App{text-align:center;width:100%;overflow-x:hidden}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.title-underline:before{content:"";position:absolute;height:5px;background-color:#4aacec;width:100px;bottom:-12px}.dark-mode{background-color:#171c28!important;color:#fff}.about-main-div{display:flex;justify-content:space-around;width:100%;box-sizing:border-box;overflow:hidden;border:1px solid rgba(211,211,211,.397);box-shadow:0 .25rem 1rem .25rem rgba(0,0,0,.15)!important;border-radius:25px;align-items:center;padding:10px 30px;margin-top:50px}.about-main-dark{box-shadow:0 .25rem 1rem .25rem #d9dbdf!important}.about-image-div>img{max-width:100%;height:auto;border-radius:50%;border:8px solid #4aacec;box-sizing:border-box}.about-margin-top{margin-top:4rem}.about-image-div{flex:1 1}.about-image-div img{max-width:100%;height:auto;border-radius:50%;border:8px solid #4aacec;box-sizing:border-box}.about-text-div{margin-left:50px;flex:2 1}.about-section-heading{font-size:56px;text-align:center;position:relative;text-transform:uppercase;line-height:normal}.about-section-subheading{text-align:center}.about-section-subheading span{color:#4aacec}.about-text-subtitle{font-size:16px;color:#495057;letter-spacing:1px}.about-bullet-heading{font-size:20px;font-weight:700;text-transform:uppercase}.about-points{background-color:unset!important}@media(max-width:1380px){.about-section-heading{font-size:40px}}@media(max-width:768px){.about-section-heading{font-size:30px;text-align:center}.about-main-div{flex-direction:column;padding:20px}.about-text-div{margin-left:0}.about-points{font-size:16px}.about-bullet-heading{font-size:20px;text-align:center}.about-text-subtitle{font-size:16px}}.contact-div-main{display:flex}.dark-mode a{color:#fff}.contact-div-main>*{flex:1 1}.contact-title{font-size:65px;font-weight:700;text-transform:uppercase;line-height:normal;position:relative}.contact-detail,.contact-detail-email{margin-top:20px;font-size:40px;font-weight:400;color:#495057;text-decoration:none}.contact-detail-email:hover,.contact-detail:hover{color:#000;text-shadow:2px 1px 2px #b5b5b5;transition:all .3s}.contact-subtitle{text-transform:uppercase}.contact-text-div{margin-top:1.5rem}.contact-margin-top{margin-top:4rem}.contact-image-div>img{max-width:100%;height:auto;margin-left:1.5rem;margin-top:-4rem}@media(max-width:768px),(max-width:1380px){.contact-title{font-size:56px;font-size:30px;text-align:center}.contact-subtitle{font-size:16px;line-height:normal;text-align:center}.contact-text-div{text-align:center;margin-top:1.5rem}.contact-detail,.contact-detail-email{font-size:20px}.contact-image-div{display:none}}.main{width:90%;padding:20px 10px;margin:4rem auto 0}.greet-main{width:90%;padding:40px 10px;margin:2rem auto 0}.greeting-main{display:flex;align-items:center}.greeting-main>*{flex:1 1;margin-bottom:30px}.button-greeting-div{display:flex;margin-top:20px}.greeting-text{font-size:60px;line-height:1.1;color:#000}.typewriter-text{font-size:54px}.signature-font{font-family:High-summit}.greeting-text-p{font-size:30px;line-height:40px}.greeting-image-div>img{max-width:100%;height:auto}.wave-emoji{-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:wave;animation-name:wave;display:inline-block;-webkit-transform-origin:70% 70%;transform-origin:70% 70%}.greeting-image-div{margin-top:-40px}@-webkit-keyframes wave{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}20%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}30%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}40%{-webkit-transform:rotate(9deg);transform:rotate(9deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wave{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}20%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}30%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}40%{-webkit-transform:rotate(9deg);transform:rotate(9deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media(max-width:1380px){.greeting-text{font-size:38px}.typewriter-text{font-size:32px}.greeting-text-p{font-size:20px}}@media(max-width:768px){.button-greeting-div{justify-content:space-around}.greeting-text{font-size:30px;text-align:center}.typewriter-text{font-size:24px}.greeting-text-p{font-size:16px;line-height:normal;text-align:center}.greeting-main{display:block}.greeting-image-div{height:256px}}@media(max-width:320px){.main{width:auto}}@media(max-width:768px){.main{margin-top:0}}.sk-circle{margin:100px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;animation:sk-circleBounceDelay 1.2s ease-in-out infinite both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.skills-main-div{display:flex;align-items:center;width:100%;overflow:hidden;margin-top:32px}.reverse-flex{flex-direction:row-reverse}.reverse-flex .skills-text-div{margin-left:0;margin-right:50px}@media(max-width:768px){.reverse-flex .skills-text-div{margin:0}}.skills-text-div{margin-left:50px}.skills-text-div>.skills-text-details{margin-top:24px}.skills-main-div>*{flex:1 1}.skills-image-div{display:flex;align-items:center}.skills-image-div>img{max-width:100%;height:auto}.skills-heading{font-size:56px;text-align:center;text-transform:uppercase;line-height:normal;position:relative}.skills-description{font-size:28px;text-align:center}.subTitle{color:#495057}.skills-text-subtitle{font-size:1.5rem;text-align:center;font-weight:700;text-transform:uppercase}@media(max-width:1380px){.skills-heading{font-size:40px}.skills-description{font-size:20px}}@media(max-width:768px){.skills-heading{font-size:30px;text-align:center}.greeting-text-p{font-size:16px;line-height:normal}.skills-main-div{flex-direction:column;grid-gap:8px;gap:8px}.skills-text-div{margin:0}.skills-text{font-size:16px}.skills-image-div{order:2}}.card-image{height:100%;width:100%;object-fit:contain}.card-title{color:#000;font-size:22px;line-height:24px;font-weight:700;margin:15px 0 0}.card-subtitle{color:#666;font-size:17px;line-height:1.5rem}.project-card{display:flex;flex-direction:column;background-color:#fff;padding:1.5rem;border-radius:10px;border:1px solid rgba(211,211,211,.397);transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.project-card-light{box-shadow:0 10px 30px -15px rgba(0,0,0,.2);transition:all .3s ease}.project-card-dark{box-shadow:0 10px 30px -15px #d9dbdf;transition:all .25s ease}.project-detail{text-align:center}.project-card-light:hover{box-shadow:0 20px 30px -10px rgba(0,0,0,.2)}.project-card-dark:hover,.project-card-light:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.project-card-dark:hover{box-shadow:0 20px 30px -10px #d9dbdf}.project-image{position:relative;height:250px;overflow:hidden;text-align:center;background-color:#fff}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem 1rem;gap:2rem 1rem}.project-subtitle{margin-bottom:2em}.project-card-footer span.project-tag{background:#4aacec!important;color:#f5f2f4;vertical-align:middle;align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;height:2em;justify-content:center;white-space:nowrap;line-height:1.5;margin:0 .5rem .5rem 0;padding:0 .75em;cursor:pointer;transition:.2s ease-in}@media(max-width:768px){.project-subtitle{font-size:16px;text-align:center}}.project-tech-text{font-weight:700}#topButton{visibility:hidden;position:fixed;bottom:20px;right:30px;z-index:99;border:none;outline:none;background-color:#4aacec;color:#fff;cursor:pointer;padding:15px;border-radius:15px;font-size:25px}#topButton:hover{background-color:#1891e0;transition:all .2s ease-in-out}@font-face{font-family:Montserrat;src:local("Montserrat"),url(/_next/static/media/Montserrat-Regular.09cae4fd.ttf) format("woff");font-display:swap}@font-face{font-family:High-summit;src:local("High-summit"),url(/_next/static/media/high-summit.regular.f3f922a3.ttf) format("woff");font-display:swap}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{scroll-behavior:smooth}body{margin:0;font:19px/23px Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:1380px){body,html{font-size:16px;line-height:1.6;letter-spacing:.015em;word-spacing:.05em}}.iconify{vertical-align:bottom}