@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--dark-background: #19173B;--teal-background: #003C3C;--heading-white: #F4F4F4;--light-blue-border: #D6F2E9;--gradient-primary: linear-gradient(var(--dark-background), var(--teal-background));--gradient-inverted: linear-gradient(var(--teal-background), var(--dark-background));--glass-bg: #ffffff02;--shadow-primary: 0 0 7px #9779D2;--shadow-card: 0px 0px 5px 1px #261d357a;--hover-glow: #4dffa6}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}html,body{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}button{border:none;background:none;cursor:pointer}.content{z-index:2}.glass{background-color:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.regular{font-weight:400}.large{font-size:clamp(48px,8vw,96px);margin:auto}.section{position:relative;height:100vh;width:100vw;overflow:hidden;min-height:100vh}.background-color-header{background-image:var(--gradient-primary)}.background-color-header-inverted{background-image:var(--gradient-inverted)}.header-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:min(10vh,80px);color:var(--heading-white);padding:2rem}.header-section h1{opacity:0;margin-top:auto;margin-bottom:0;text-align:center;line-height:1.1}.bi-chevron-down{margin-bottom:auto;width:clamp(60px,8vw,80px);height:auto;flex-shrink:0}button{width:min(335px,90vw);height:min(88px,12vw);font-size:clamp(20px,4vw,30px);background:none;color:var(--heading-white);cursor:pointer;border:3px solid var(--light-blue-border);border-radius:50px;box-shadow:var(--shadow-primary);transition:all .3s ease;z-index:1}button:hover{border-color:#9379d4;transform:scale(1.01)}button:active{transform:scale(.95);border-color:#564a8f}.about-content{height:100%;display:grid;grid-template-rows:auto 1fr;color:var(--heading-white);padding:2rem;gap:2rem}.about-me-section{display:flex;flex-direction:column;gap:1rem}.who-am-i{font-size:clamp(32px,6vw,64px);font-weight:400;line-height:1.1}.summary{font-size:clamp(18px,2.5vw,24px);font-weight:300;line-height:1.5;max-width:600px}.skills-section{display:flex;flex-direction:column;gap:clamp(10px,3vh,20px);text-align:center;align-items:center}.skills-section h1{font-size:clamp(32px,5vw,50px)}.skills-card-container{display:grid;grid-template-rows:1fr auto;background-image:linear-gradient(0deg,#f4f4f452,#f4f4f400);min-height:clamp(300px,40vh,400px);width:min(95%,800px);border-radius:30px;box-shadow:var(--shadow-card);padding:2rem 1rem;gap:1rem}.skill-row{display:flex;gap:clamp(10px,3vw,20px);align-items:center;justify-content:center;flex-wrap:wrap}.skills-card-container svg{width:clamp(64px,12vw,128px);height:clamp(64px,12vw,128px);color:#fff;cursor:pointer;transition:all .3s ease-in-out;will-change:transform}.row-2-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.project-cards-container{display:flex;flex-direction:row;gap:clamp(2rem,8vw,10vw);justify-content:center;align-items:center;min-height:100vh;padding:2rem;flex-wrap:wrap}.project-card{background-color:#f4f4f44d;border:2px solid #f4f4f434;box-shadow:0 0 3px 1px #000;width:min(350px,90vw);height:clamp(400px,60vh,500px);border-radius:30px;transition:all .3s ease-in-out;color:#fff;text-align:center;display:grid;grid-template-rows:auto 1fr auto auto;padding:1.5rem;gap:1rem}.project-card .project-title{align-self:start;font-weight:400;color:var(--heading-white);transition:all .3s ease-in-out;cursor:default;font-size:clamp(18px,3vw,24px)}.project-card .project-description{align-self:center;cursor:default;font-size:clamp(14px,2vw,16px);line-height:1.4}.project-card .skills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;list-style:none;cursor:default}.project-card .skill-tag{padding:.3rem .8rem;border-radius:20px;background-color:#6df7ab33;transition:all .2s ease-in-out;font-size:clamp(12px,1.5vw,14px)}.project-card .skill-tag:hover{transform:translateY(-2px);background-color:#91ffc483}.project-card .project-links-container{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.project-card .project-link{text-decoration:none;color:var(--heading-white);background-color:#684dff4b;border:solid 2px rgba(255,255,255,.404);border-radius:40px;padding:.5rem 1rem;transition:all .2s ease-in-out;font-size:clamp(12px,1.5vw,14px)}.project-card .project-link:hover{transform:scale(1.05);background-color:#6161ff3a}.project-card:hover{transform:translateY(-10px);border-color:#6df7abb4;box-shadow:0 20px 40px #0000004d}.project-card:hover .project-title{text-shadow:0px 0px 8px rgba(255,255,255,.3)}.top-bar{display:flex;gap:1rem;flex-direction:row;width:fit-content;height:clamp(48px,8vw,64px);border:solid 1px #f4f4f446;background-color:#f4f4f415;border-radius:40px;align-items:center;justify-content:center;margin-top:10px;padding:0 2rem;transition:all .2s ease-in-out}.top-bar:hover{transform:scale(1.05)}.top-bar svg{width:clamp(32px,6vw,48px);height:clamp(32px,6vw,48px);border-radius:50%}.top-bar-item{display:flex;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;color:var(--heading-white);transition:all .2s ease-in-out;cursor:pointer;font-size:clamp(14px,2vw,16px)}.top-bar-item:hover{transform:translateY(-2px);color:#abc4ee}@media (max-width: 1000px){.summary{max-width:90%}}@media (max-width: 768px){.header-section{gap:3rem;padding:1rem}.header-section h1{margin:auto}.header-section button{margin-bottom:auto}.about-me-section{text-align:center;align-items:center}.skills-card-container{width:min(90%,300px)}.skills-card-container svg:active{color:var(--hover-glow)}.project-cards-container{flex-direction:column;gap:2rem}.project-card{width:min(280px,85vw)}.section{height:auto;min-height:100vh;overflow:visible}.about-content{grid-template-rows:auto auto;gap:1rem}}@media (max-width: 1500px) and (orientation: landscape){.section{min-height:100vh;height:fit-content}.header-section{gap:2rem;justify-content:space-evenly}.skills-section{gap:.5rem;padding:1rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-content{min-height:100vh;padding:1rem}}@media (max-width: 480px){.about-content{padding:1rem}.project-card{height:auto;min-height:350px;padding:1rem}.top-bar{padding:0 1rem}.skills-card-container{width:98%;padding:1rem .5rem}}@media (max-height: 700px){.about-me-section h1{font-size:clamp(24px,5vw,36px)}.about-me-section p{font-size:clamp(16px,2vw,20px)}.skills-section{gap:.5rem}.skills-card-container{min-height:200px}}@media (min-width: 768px){.skills-card-container svg:hover{color:var(--hover-glow);transform:scale(1.15)}}@media (max-width: 600px){.top-bar-item .top-bar-label{display:none}}@media (min-width: 1400px){.section{margin:0 auto}.project-cards-container{max-width:1200px;margin:0 auto}}@media (min-width: 1200px){.skills-card-container{width:700px}}.decoration-line{width:auto;max-width:80vw;height:100vh;min-height:100vh;display:block;margin:0 auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;pointer-events:none}.line-inverted{transform:scaleX(-1);transform:scaleY(-1)}@media (max-width: 860px){.decoration-line{display:none}}@media (orientation: landscape) and (max-width: 1500px){.decoration-line{display:none}}