@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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.navbar{display:flex;justify-content:end;align-items:center;padding:10px 20px;background-color:#a8dadc;position:relative}.connect-border{border:1px solid #1D3557;border-radius:50px;display:inline-block;padding:5px 10px}.navbar-connect{text-decoration:none;color:#1d3557;font-weight:700;font-size:1rem}.connect-border:hover{background-color:#1d3557;color:#fff;transition:background-color .3s ease}.about-section{display:flex;flex-direction:column;align-items:center;padding:2.7rem 2.7rem 16.7rem;background-color:#a8dadc;color:#22223b;font-family:"Arial, sans-serif"}.image-background-container{background-image:url(/imageBackg.png);width:400px;background-size:cover}.backg-profile{width:350px;background-size:cover;position:absolute;z-index:1}.about-greeting{font-size:2.6rem;font-weight:700;color:#1d3557;margin-bottom:.7rem;text-align:center}.about-stack{font-size:1.6em;font-weight:600;color:#383838;margin-bottom:1.4rem;text-align:center}.about-image-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative}.about-image{width:200px;height:200px;object-fit:fill;border-radius:50%;box-shadow:0 4px 8px #0000001a;z-index:2}.about-title{font-size:2rem;font-weight:700;margin-top:15px;color:#1d3557}.about-description{font-size:1.1em;line-height:1.6;color:#3d3d3d;text-align:center;max-width:600px;margin:10px 0;font-weight:500}.skills-table{display:flex;justify-content:space-around;width:80vw;background-color:#f2e9e400;border-radius:8px;margin-right:10vw}.skills-column{flex:1;max-width:20vw;text-align:center;background-color:#fff;padding:20px;border:1px solid #b3b2b2;border-radius:8px;box-shadow:0 2px 8px #0000004d}.icon{width:100px;height:100px;margin-bottom:10px}.skills-title{font-size:1.4em;font-weight:700;color:#1d3557;margin-bottom:10px}.skills-description{font-size:1em;margin-bottom:15px}.dev-tools-title{font-size:1.2em;color:#e63946;font-weight:700;margin-bottom:5px}.dev-tools-list{list-style:none;padding:0;margin:0}.dev-tools-list li{font-size:1em;margin-bottom:5px}@media (max-width: 768px){.skills-table{flex-direction:column;align-items:center}.skills-column{margin-bottom:20px;max-width:300px}}.projects-section{padding-bottom:20px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center}.projects-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;width:70vw}.heading-1{text-align:center;padding-bottom:20px;font-size:1.8em;font-weight:800;color:#1d3557}.heading-2{padding-bottom:20px}.projects-column{flex:1 1 30%;display:flex;flex-direction:column;align-items:center}.project-cards{display:flex;flex-direction:column;gap:15px;width:100%}.project-card{position:relative;width:100%;overflow:hidden;cursor:pointer;border-radius:10px;box-shadow:0 2px 8px #00000080}.project-image{width:100%;padding-top:56.25%;background-size:cover;background-position:center;transition:background-color .3s ease}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1d3557;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-overlay h4{color:#f1faee;margin-bottom:20px}.visit-button{border:1px solid #F1FAEE;border-radius:50px;display:inline-block;padding:5px 10px;text-decoration:none;color:#f1faee;font-weight:700;font-size:small;margin-bottom:20px}.visit-button:hover{background-color:#f1faee;color:#1d3557;transition:background-color .3s ease}.heading-tit{text-align:center}@media (max-width: 768px){.projects-section{width:100%;margin-left:auto;margin-right:auto}.projects-container{flex-direction:row;gap:20px}.projects-column{flex:1 1 100%;max-width:100%}.heading-1,.heading-2{text-align:center}.project-card{width:100%}}.ap-all-projects{text-align:center}.ap-all-projects h2{font-size:1.8rem;margin-bottom:15px;font-weight:800;color:#1d3557}.ap-projects-container{width:70vw;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ap-project-domain{padding:15px;border-radius:20px}.ap-project-domain h3{font-size:1.2rem;margin-bottom:15px;font-weight:700;text-align:center;word-wrap:break-word}.ap-project-list{display:flex;flex-direction:column;gap:15px}.ap-project-capsule{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;color:#1d3557;padding:15px 20px;border-radius:20px;text-decoration:none;font-size:1.1rem;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px #0000001a;width:100%;overflow:hidden;font-weight:500}.ap-project-capsule:hover{background-color:#1d3557;color:#fff;box-shadow:0 4px 8px #0003}.ap-project-title{flex:0 0 70%;text-align:left;word-wrap:break-word;margin-right:10px}.ap-arrow{flex:0 0 30%;font-size:1rem;color:inherit;text-align:right}@media (max-width: 1024px){.ap-projects-container{grid-template-columns:repeat(2,1fr)}.ap-project-domain{margin-bottom:20px}}@media (max-width: 480px){.ap-projects-container{grid-template-columns:1fr}}.contact-page{background-color:#e63946;color:#f1faee;text-align:start;margin-top:50px}@media (max-width: 768px){.form-row{flex-direction:column}.contact-form{width:70vw}}.popup{position:fixed;bottom:20px;right:20px;background:#1d3557;color:#1d3557;padding:10px 15px;border-radius:15px;box-shadow:0 4px 10px #0003;display:flex;align-items:center;font-size:16px;font-weight:500;gap:8px;animation:fadeIn .3s ease-in-out}.sending-popup,.error-popup{background:#f1faee}.blinking-dot{height:10px;width:10px;background:#1d3557;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.outer-container{display:flex;min-height:100%;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;padding:1rem}@media (min-width: 640px){.outer-container{aspect-ratio:4 / 3}}@media (min-width: 768px){.outer-container{aspect-ratio:3 / 1}}.step-circle-container{margin-left:auto;margin-right:auto;width:100%;max-width:35rem;border:2px solid #1d3557;border-radius:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background-color:#f1faee}.step-indicator-row{display:flex;width:100%;align-items:center;padding:2rem}.step-content-default{position:relative;overflow:hidden}.step-default{padding-left:2rem;padding-right:2rem}.footer-container{padding-left:2rem;padding-right:2rem;padding-bottom:2rem}.footer-nav{margin-top:2.5rem;display:flex}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button{transition:all .35s;border-radius:.25rem;padding:.25rem .5rem;color:#1d3557;cursor:pointer;font-weight:700;background-color:#f1faee;border:none}.back-button:hover{color:#52525b}.back-button.inactive{pointer-events:none;opacity:.5;color:#1d3557}.next-button{transition:all .35s;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:#f1faee;color:#1d3557;font-weight:700;letter-spacing:-.025em;padding:.375rem .875rem;cursor:pointer;border:1px solid #1d3557}.next-button:hover,.next-button:active{background-color:#1d3557;color:#f1faee}.step-indicator{position:relative;cursor:pointer;outline:none}.step-indicator-inner{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;font-weight:600}.active-dot{height:.75rem;width:.75rem;border-radius:9999px;background-color:#060606}.step-number{font-size:.875rem}.step-connector{position:relative;margin-left:.5rem;margin-right:.5rem;height:.125rem;flex:1;overflow:hidden;border-radius:.25rem;background-color:#52525b}.step-connector-inner{position:absolute;left:0;top:0;height:100%}.check-icon{height:1rem;width:1rem;color:#000}input,textarea{width:100%;padding:10px;border-radius:8px;background-color:#1d3557;border:1px solid rgba(255,255,255,.2);color:#f1faee;font-size:15px;outline:none;transition:border .3s ease-in-out}input::placeholder,textarea::placeholder{color:#f1faee8e}input:focus,textarea:focus{border-color:#f1faee8e}.footer-section{padding:20px 0;text-align:center;background-color:#e63946}.footer-section__icon-container{display:flex;justify-content:center;gap:20px;margin-bottom:10px}.footer-section__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid #F1FAEE;border-radius:50%;color:#f1faee;text-decoration:none;transition:all .3s ease}.footer-section__icon:hover{background-color:#f1faee;color:#e63946;border:2px solid #E63946}.footer-section__text{font-size:.8rem;font-weight:400;margin-top:10px;color:#f1faee}*{margin:0;padding:0;font-family:Poppins,serif;box-sizing:border-box}#project-container{position:relative}#project-container img{position:absolute;width:98vw;z-index:-1;opacity:.9}#container{position:relative}#skill-table{position:absolute;bottom:-520px;right:0}#project-section,#all-projects{margin-top:590px}.button-container{display:flex;justify-content:center;margin-top:20px}.toggle-button{background-color:#fff;color:#1d3557;border:1px solid #1D3557;border-radius:50px;padding:5px 10px;font-size:1rem;cursor:pointer;font-weight:700}.toggle-button:hover{background-color:#1d3557;color:#fff;transition:background-color .3s ease}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s ease-in,transform .5s ease-in}.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .5s ease-out,transform .5s ease-out}.butt{list-style:none;text-decoration:none}.section{opacity:0;filter:blur(5px);transition:opacity 1s ease-out,filter 1s ease-out}.section.visible{opacity:1;filter:blur(0)}@media (max-width: 768px){#skill-table{bottom:-1700px}#project-section,#all-projects{margin-top:1740px}#project-container img{display:none}}