@import url(https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,500;1,300;1,400;1,500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@500&display=swap);*{margin:0;padding:0}body{font-family:Mulish,sans-serif}.q-timeline__heading-title,.text-h1,.text-h2,.text-h3,.text-h4,.text-h5,.text-h6{font-family:Poppins,sans-serif}.text-body1,.text-body2,.text-caption,.text-overline,.text-subtitle1,.text-subtitle2,p{font-family:Mulish,sans-serif!important}.logo{font-family:Cinzel,serif}.visible{visibility:visible}body,html{height:100%}html{scrollbar-color:#888 #000;scrollbar-width:thin}body{overflow-x:hidden;width:100vw}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#888;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#555}.main-page{background:linear-gradient(#0000001a,#0006 0) 50% fixed,url(../img/concentric.c4fe3fb8.jpg) 50%/auto 150% fixed no-repeat;height:100%}@media screen and (min-width:599.98px){.main-page{background-size:cover}}.main-page .main-page__nav-drawer{background-color:#ffffffe6}.main-page .main-page__nav-drawer .drawer-content{height:calc(100% - 150px)}.main-page .main-page__topnav{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#0009}.main-page .main-page__topnav .theme-switcher{background-color:#ffffff0a}.main-page .main-page__showcase{color:#fff;height:calc(100vh - 50px);max-width:100vw}@media only screen and (max-width:600px){.main-page .main-page__showcase{display:flex}}.main-page .main-page__showcase .showcase__content{margin-block:auto;max-height:280px;padding-inline:10vh 9vw;padding-left:14%;width:100%}@media only screen and (max-width:600px){.main-page .main-page__showcase .showcase__content{padding-inline:14% 10%}}@media screen and (max-width:600px){.main-page .main-page__showcase .showcase__content{max-height:60%}}.main-page .main-page__showcase .showcase__content>*{margin-left:15px}.main-page .main-page__showcase .showcase__content .social-icons{margin-bottom:10%;margin-left:0;margin-top:5px}.main-page .main-page__showcase .showcase__content .social-icons .q-btn{font-size:20px}.main-page .main-page__showcase .showcase__content .demacator{background-color:#42a5f5;border:3px solid #42a5f5;border-radius:5px;display:inline-block;margin-block:12px;margin-right:10px}.main-page .main-page__showcase .showcase__content .title{font-size:1.1em}.main-page .main-page__showcase .learn-more{cursor:pointer;padding-bottom:25px}.main-page .main-page__content p{font-size:17px;line-height:1.7em}.main-page .main-page__content .card-grid{display:grid;gap:12px;grid-auto-flow:row}@media only screen and (min-width:700px){.main-page .main-page__content .card-grid{grid-auto-flow:column;grid-template-columns:minmax(300px,35vw) 1fr}}.main-page .main-page__content .card-grid .me-card{color:#000}.main-page .main-page__content .card-grid .me-card .me-card__img{height:300px;min-width:100%}.main-page .main-page__content .card-grid .me-card .skills__category{color:#1a237e;font-weight:600}.main-page .main-page__content .card-grid .me-card .skill-progress{border-radius:2px;height:17px}.main-page .main-page__content .card-grid .right-card-subgrid{display:grid;gap:12px;grid-auto-flow:row;margin-bottom:auto;padding-right:0}@media only screen and (min-width:700px){.main-page .main-page__content .card-grid .right-card-subgrid{margin-right:4px}}.main-page .main-page__content .card-grid .right-card-subgrid>*{height:-moz-fit-content;height:fit-content;width:100%}.main-page .main-page__content .card-grid .card-header{color:#1a237e}.main-page .main-page__content .projects__container{margin-inline:10px;padding-top:20px}@media screen and (min-width:599.98px){.main-page .main-page__content .projects__container{margin-inline:0}}.main-page .main-page__content .projects__container .projects__scroll-area{height:560px;overflow-y:hidden;width:100%}.main-page .main-page__content .projects__container .projects{-ms-overflow-style:none;align-items:stretch;height:max-content;height:100%;justify-items:start;padding-bottom:0;scroll-behavior:smooth;scrollbar-width:none;width:100%}@media screen and (min-width:599.98px){.main-page .main-page__content .projects__container .projects{justify-content:center}}.main-page .main-page__content .projects__container .projects .projects__item{border-radius:10px;width:300px}.main-page .main-page__content .projects__container .projects .projects__item .item__img{background-color:#b0bec5;height:280px;width:100%}.main-page .main-page__content .projects::-webkit-scrollbar{display:none}.main-page .main-page__content .coming-soon{margin-inline:auto;max-width:max-content}.main-page .main-page__content .card--header{border-radius:0;padding:22px 0}.main-page .main-page__content .testimonials{column-gap:0;display:grid;gap:15px;grid-auto-flow:row;margin:0 30px;padding:25px 0 5px}@media only screen and (min-width:600px){.main-page .main-page__content .testimonials{padding:25px 30px 5px 20px}}.main-page .main-page__content .testimonials .testimonials__item{margin:auto;width:100%}.main-page .main-page__content .testimonials .q-separator{background-color:#0000001f;margin-top:15px}.main-page .main-page__content .testimonials .testimonial-content .testimonial-text{padding:5px 15px}.main-page .main-page__content .testimonials .testimonial-content .author-name{font-size:17px;font-weight:700;margin-bottom:0;text-transform:uppercase}.main-page .main-page__content .testimonials .testimonial-content .author-creds{font-size:16px;opacity:.85}.main-page .main-page__content .timeline{margin:30px 4.5vw}@media only screen and (min-width:600px){.main-page .main-page__content .timeline{margin:30px 50px}}.main-page .main-page__content .timeline .q-timeline__heading-title{font-size:30px;padding-bottom:15px}.body--dark .q-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#35353599;color:#fff}.body--dark .q-card .q-icon,.body--dark .q-card .text-subtitle1{color:#fff!important}.body--dark .q-card .skills__category{color:#82b1ff!important}.body--dark .q-card .card-header{color:#8c9eff!important}.body--dark .q-separator{background-color:#fff3!important}.body--dark .main-page__nav-drawer{background-color:#000000d9}.body--dark .me-card__img{background-color:#61616133}.body--light .q-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc}.body--light .me-card__img{background-color:#bdbdbd}.main-page__nav-drawer::-webkit-scrollbar-track{background-color:inherit}.main-page__nav-drawer::-webkit-scrollbar{width:6px}.main-page__nav-drawer::-webkit-scrollbar-thumb{border-radius:0}.main-page__footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#303f9f4d;height:-moz-fit-content;height:fit-content;margin-top:30px;padding-bottom:20px;padding-top:15px}.main-page__footer .q-btn{font-size:18px}.fit-content{width:-moz-fit-content;width:fit-content}.progress-intersection{height:16px}.scaleFromLeft{animation:scaleHorizontal .4s ease-in-out .4s;animation-fill-mode:backwards;transform-origin:left}@keyframes scaleHorizontal{0%{transform:scaleX(0)}to{transform:scale(1)}}.scaleFromRight{animation:scaleHorizontal .4s ease-in-out 0s;animation-fill-mode:backwards;transform-origin:left}.scaleFromCenter{animation:scaleHorizontal .8s ease .4s;animation-fill-mode:backwards;transform-origin:center}.scaleFromTop{animation:scaleFromTop .4s ease-in-out;animation-fill-mode:backwards;transform-origin:top}@keyframes scaleFromTop{0%{transform:scaleY(0)}to{transform:scale(1)}}.wave{animation:wave 2s ease 0s infinite normal;display:inline-block;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.flipX360{animation:flipX360 1s ease-in-out .2s;animation-fill-mode:backwards;transform-origin:center}@keyframes flipX360{0%{transform:rotateY(1turn)}to{transform:rotateY(0deg)}}.bounceTwice{animation:bounceTwice 3s ease-in-out 1s 2;animation-fill-mode:backwards;transform-origin:bottom}@keyframes bounceTwice{0%{transform:translateY(0)}20%{transform:translateY(-50px)}40%{transform:translateY(0)}60%{transform:translateY(-40px)}80%{transform:translateY(4px)}to{transform:translateY(0)}}.slideFromRight{animation:slideFromRight .8s ease .2s;animation-fill-mode:both;transform-origin:right}@keyframes slideFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.slideFromLeft{animation:slideFromLeft .8s ease-in-out .2s;animation-fill-mode:both;transform-origin:left}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.slideFromBottom{animation:slideFromBottom .8s ease-in-out;animation-fill-mode:forwards;transform-origin:bottom}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}