@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}img{display:block;width:100%}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif}a{text-decoration:none}button{cursor:pointer}:root{--primary-blue:#2c90ed;--deep-blue:#0063c0;--fw-thin:300;--fw-regular:400;--fw-semi-bold:500;--fw-bold:600;--fw-black:900;--size-10:.2rem;--size-50:.35rem;--size-100:0.7rem;--size-150:0.85rem;--size-200:1rem;--size-250:1.125rem;--size-300:1.25rem;--size-400:1.5rem;--size-500:1.75rem;--size-550:1.85rem;--size-600:2rem;--size-650:2.25rem;--size-700:2.5rem;--size-800:3rem;--size-850:3.5rem;--size-900:5rem}.section-margin{margin:.5rem 10px}@media screen and (min-width:600px){.section-margin{margin:0 8rem}}.section-title{margin-inline:auto;text-align:center;width:min(750px,90%)}.fs-100{font-size:.7rem;font-size:var(--size-100)}.fs-150{font-size:.85rem;font-size:var(--size-150)}.fs-200{font-size:1rem;font-size:var(--size-200)}.fs-250{font-size:1.125rem;font-size:var(--size-250)}.fs-300{font-size:1.25rem;font-size:var(--size-300)}.fs-400{font-size:1.5rem;font-size:var(--size-400)}.fs-500{font-size:1.75rem;font-size:var(--size-500)}.fs-550{font-size:1.85rem;font-size:var(--size-550)}.fs-600{font-size:2rem;font-size:var(--size-600)}.fs-650{font-size:2.25rem;font-size:var(--size-650)}.fs-700{font-size:2.5rem;font-size:var(--size-700)}.fs-800{font-size:3rem;font-size:var(--size-800)}.fs-850{font-size:3.5rem;font-size:var(--size-850)}.fs-900{font-size:5rem;font-size:var(--size-900)}.margin-block-10{margin-block:.2rem;margin-block:var(--size-10)}.margin-block-50{margin-block:.35rem;margin-block:var(--size-50)}.margin-block-100{margin-block:.7rem;margin-block:var(--size-100)}.margin-block-200{margin-block:1rem;margin-block:var(--size-200)}.margin-block-300{margin-block:1.25rem;margin-block:var(--size-300)}.margin-block-400{margin-block:1.5rem;margin-block:var(--size-400)}.margin-block-500{margin-block:1.75rem;margin-block:var(--size-500)}.margin-block-700{margin-block:2.5rem;margin-block:var(--size-700)}.padding-block-10{padding-block:.2rem;padding-block:var(--size-10)}.padding-block-50{padding-block:.35rem;padding-block:var(--size-50)}.padding-block-100{padding-block:.7rem;padding-block:var(--size-100)}.padding-block-200{padding-block:1rem;padding-block:var(--size-200)}.padding-block-300{padding-block:1.25rem;padding-block:var(--size-300)}.fw-thin{font-weight:300;font-weight:var(--fw-thin)}.fw-regular{font-weight:400;font-weight:var(--fw-regular)}.fw-semi-bold{font-weight:500;font-weight:var(--fw-semi-bold)}.fw-bold{font-weight:600;font-weight:var(--fw-bold)}.fw-black{font-weight:900;font-weight:var(--fw-black)}.op-0{opacity:0}.op-100{opacity:.8}.op-200{opacity:.7}.flex{display:flex}.jc-center,.jc-space-between{justify-content:space-between}.ai-center,.button{align-items:center}.button{border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--size-200);gap:.4rem;line-height:1;padding:10px 20px;text-decoration:none;transition:all .25s}[data-type=white]{background-color:#fff;border:1px solid gray;color:#000}[data-type=white]:hover{background-color:#f0f0f0}[data-type=blue]{background-color:#2c90ed;background-color:var(--primary-blue);border:1px solid #2c90ed;border:1px solid var(--primary-blue)}[data-type=blue]:hover{background-color:#0063c0;background-color:var(--deep-blue)}[data-type=clr-blue]{color:#2c90ed;color:var(--primary-blue)}.footer{padding:2rem 0;text-align:center}.navbar-container{left:50%;max-width:1000px;position:fixed;top:15px;transform:translateX(-50%);width:calc(100% - 40px);z-index:1000}header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border-bottom:1px solid #ffffff4d;border-radius:35px;box-shadow:0 4px 6px #0000001a;height:70px;padding:0 12px}.header-logo a img{border-radius:50%;height:50px;object-fit:contain;width:50px}.nav-links ul{font-size:1rem;gap:1rem;list-style:none}.nav-links ul li a{color:#000;text-decoration:none}.nav-links ul li a:hover{color:var(--primary-blue)}.nav-link{border-radius:10px;padding:10px}.hamburger{cursor:pointer;display:none}.hamburger .bar{background-color:#000;height:4px;margin:5px 0;transition:all .3s;width:30px}.hamburger.active .bar:first-child{transform:rotate(45deg) translateX(6px)}.hamburger.active .bar:nth-child(2){display:none}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translateX(6px)}@media screen and (max-width:650px){.navbar-container{top:5px;width:100%}header{background-color:#fff;height:60px}.hamburger{display:block}nav{animation:slide .4s linear 1 alternate;border-radius:25px;display:none;margin-top:3px}nav.active{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;display:block;height:100vh;height:100dvh;left:0;position:absolute;right:0;top:60px}header .nav-links ul{align-items:center;flex-direction:column;gap:2rem;padding:30px 0}}@keyframes slide{0%{transform:translateX(100vw)}to{transform:translateX(0)}}.scroll-to-top-button{align-items:center;background-color:#fff;border:1px solid var(--light-gray);border-radius:10px;bottom:15px;display:flex;justify-content:center;padding:10px 8px;position:fixed;right:15px;z-index:5}.scroll-to-top-button:hover{border-color:var(--primary-blue)}.scroll-to-top-button svg{font-size:2rem}#About{margin-block:8rem}.about-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.skill-item{align-items:center;background-color:#fff;border:1px solid var(--primary-blue);border-radius:15px;display:flex;gap:2px;padding:5px}.active-tab_content{display:flex;flex-wrap:wrap;gap:.5rem;padding:10px 0}.prof-skill_buttons{display:flex;flex-wrap:wrap;gap:1rem;padding:5px 0}.prof-skill_buttons button{background-color:#fff;border:none;color:var(--deep-blue);max-width:-webkit-max-content;max-width:max-content;padding:10px 20px;scroll-snap-align:start;transition:all .3s}.prof-skill_buttons button:hover{background-color:var(--deep-blue);background-color:#f0f8ff;color:var(--deep-blue)}.prof-skill_buttons button.active{background-color:var(--deep-blue);color:#fff}@media screen and (max-width:650px){.about-grid{grid-template-columns:1fr}#About{margin-block:3rem}}#Home{background-color:#f9f9f9}.hero{align-items:center;color:#343434;display:flex;height:calc(100dvh + 100px);justify-content:center;margin-inline:auto;position:relative;text-align:center}.hero-icon{border-radius:50%;height:50px;width:50px}.content-name{color:var(--primary-blue);font-weight:700}.content-underline{text-decoration:underline;text-decoration-color:var(--primary-blue)}.hero-links{align-items:center;display:flex;gap:.5rem;justify-content:center}.hero-links a svg{font-size:2rem}.hero-links a:first-child svg{color:#000}.hero-links a:nth-child(2) svg{color:#0b65c2}.hero-buttons{align-items:center;display:flex;gap:.4rem;justify-content:center;margin-block:1.5rem}.resume-links{background-color:#fff;bottom:100px;left:50%;position:absolute;scale:0;transform:translate(-50%,-50%);transform-origin:left;transition:all .25s;z-index:3}.resume-links.active{scale:1;transform-origin:left}.resume-link{align-items:center;display:flex;justify-content:center}.resume-link:first-child{margin-bottom:.4rem}.overlay.active{inset:0;position:absolute;z-index:2}.marquee{all:unset}.marquee svg{color:var(--primary-blue)}.marquee{--gap:1rem;background-color:#0e172d;color:#fff;display:flex;gap:var(--gap);height:100%;overflow:hidden;padding:30px;position:relative;-webkit-user-select:none;user-select:none;z-index:2}.marquee:hover .marquee__content{animation-play-state:paused}.marquee__content{align-items:center;animation:scroll 10s linear infinite;display:flex;flex-shrink:0;gap:var(--gap);justify-content:space-around;min-width:100%}.marquee ul{list-style-type:none}.primary-heading{font-size:var(--size-900)}.less-than{color:#ee9d9d}.greater-than{color:#39dc15}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@media screen and (max-width:768px){.hero{height:calc(100dvh + 100px)}.primary-heading{font-size:var(--size-800)}.hero-content{margin-block:1rem}.resume-links{bottom:50px}}#Projects{background-color:#f9f9f9;padding-block:3rem}.pr-contents{padding:30px 40px;text-align:center}.projects-grid{grid-column-gap:3rem;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #00000026;column-gap:3rem;display:grid;margin-bottom:1.5rem;padding:10px}.projects-grid.right{grid-template-areas:"image desc";grid-template-columns:1fr 1fr}.projects-grid.left{grid-template-areas:"desc image";grid-template-columns:1fr 1fr}.projects-grid .desc-section{grid-area:desc}.projects-grid .image-section{grid-area:image}.pr-img{border-radius:10px;box-shadow:0 2px 5px #0000001f;height:350px;overflow:hidden}.pr-img,.pr-img img{width:100%}.pr-img:hover img{animation:scrollUp 15s linear 1 alternate}.pr-made_with{border:5px;gap:1rem;justify-content:center}.mw-item,.pr-made_with{align-items:center;display:flex}.mw-item{box-shadow:0 2px 5px #0000001a;color:#000;gap:.5rem;padding:5px}.mw-item:hover{box-shadow:0 2px 5px #0003}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-93%)}}@media screen and (max-width:650px){.projects-grid.left,.projects-grid.right{grid-template-areas:"desc" "image";grid-template-columns:1fr}}.experience-grid{grid-gap:1rem;display:grid;gap:1rem}.dashed-border{border-left:1px dashed #000;padding-left:15px;position:relative}.dashed-circle{border-radius:50%;height:10px;left:-6px;outline:1px dashed;outline-offset:6px;position:absolute;top:-10px;width:10px}.ex-box:first-child .dashed-circle{background-color:green;outline-color:green}.ex-box:nth-child(2) .dashed-circle{background-color:orange;outline-color:orange}.ex-box:nth-child(3) .dashed-circle{background-color:#ff0;outline-color:#ff0}@media screen and (max-width:700px){.dashed-circle-mobile{display:none}.dashed-border-mobile{border-left:none}}@media screen and (min-width:700px){.experience-grid{grid-template-columns:1fr 1fr}.ex-box.dashed-border{border-left:none}.dashed-desktop.dashed-circle{display:none}}.work-experience-list{margin-left:20px}#Contact{background-color:#0e172d;border-top:1px solid #dcdcdc;color:#fff}.contact{padding-block:7rem}.contact .icon svg{font-size:2rem;padding:3px}.contact a span{color:#fff;display:block}.contact-grid{display:flex;gap:1rem}.contact-grid div.flex{flex-shrink:0}@media screen and (max-width:650px){.contact-grid{flex-direction:column;gap:1.5rem}.contact{padding-block:4rem}}
/*# sourceMappingURL=main.04016912.css.map*/