@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--font-size-base:14px;--font-size-small:0.875rem;--font-size-medium:0.9rem;--font-size-large:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem}html{font-size:14px;font-size:var(--font-size-base);scroll-behavior:smooth}body{color:#333;font-family:Poppins,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.2}p{color:#555;font-size:.9rem;font-size:var(--font-size-medium)}.btn,a{transition:all .3s ease}.container{width:100%}@media (max-width:768px){:root{--font-size-base:12px}}nav{align-items:center;background-color:#fffffff2;box-shadow:0 2px 4px #0000001a;display:flex;height:10vh;justify-content:space-around;padding:0 1rem;position:sticky;top:0;z-index:1000}.nav-logo{font-size:1.5rem;font-weight:300}ul{display:flex;gap:1.5rem;list-style:none}.links,a{color:#000;font-size:1.2rem;text-decoration:none;transition:color .3s ease}a:hover{color:grey;text-decoration:underline;text-decoration-color:#b5b5b5;text-underline-offset:.4rem}.menu-icon{display:none}@media screen and (max-width:768px){nav{height:10vh;justify-content:space-between}.nav-logo{font-size:1.3rem}.nav-links{background-color:#fffffff2;border-radius:0 0 0 10px;box-shadow:0 4px 6px #0000001a;display:none;padding:1rem;position:absolute;right:0;text-align:right;top:10vh;z-index:1000}.nav-links.open{display:block}.nav-links ul{flex-direction:column;gap:.8rem}a{font-size:1.1rem}.menu-icon{cursor:pointer;display:flex;flex-direction:column;z-index:1001}.menu-icon div{background-color:#000;height:2px;margin:3px 0;transition:.3s;width:22px}}footer{height:26vh;margin:0 1rem}footer p{text-align:center}section{box-sizing:border-box;height:85vh;margin:0 10rem;min-height:fit-content;position:relative}.profile{gap:4rem;height:73vh}.profile,.profile>.section_pic-container{align-items:center;display:flex;justify-content:center}.profile>.section_pic-container{border-radius:50%;height:300px;margin:0;overflow:hidden;width:300px}.profile>.section_pic-container img{height:100%;object-fit:cover;object-position:30% 70%;width:100%}.section_text{align-self:center;text-align:center}.section_text p{font-weight:600}.section_text_p1{align-self:center;text-align:center}.section_text_p2{font-size:1.5rem;margin-bottom:1rem}#socials-container{display:flex;gap:.8rem;justify-content:center;margin-top:.8rem}.icon{cursor:pointer;height:1.8rem}.btn-container{display:flex;gap:.8rem;justify-content:center;margin-top:.8rem}.btn{border-radius:1.8rem;font-weight:600;padding:.8rem;transition:all .3s ease;width:8rem}.btn-color-1,.btn-color-2{border:.1rem solid #353535}.btn-color-1:hover,.btn-color-2:hover{cursor:pointer}.btn-color-1,.btn-color-2:hover{background:#353535;color:#fff}.btn-color-1:hover{background-color:#000}.btn-color-2{background:none}.btn-color-2:hover{border:.1rem solid #fff}.profile-grid{background-image:repeating-linear-gradient(#000 0 1px,#0000 1.5px 100%),repeating-linear-gradient(90deg,#000 0 1px,#0000 1.5px 100%);background-size:calc(10vw - 6.6px) calc(10vw - 6.6px);border-radius:500px;height:100%;left:0;margin:0 auto;opacity:.1;position:absolute;top:0;width:100%;z-index:-10}.title{font-size:2.2em;text-align:center}.animated-title{margin:0 auto;position:relative;width:max-content}.animated-title:after,.animated-title:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.animated-title:before{animation:typewriter 4s steps(12) 1s forwards;background:#fff}.animated-title:after{animation:typewriter 4s steps(12) 1s forwards,blink .75s steps(12) infinite;background:#000;width:.125em}@keyframes typewriter{to{left:100%}}@keyframes blink{to{background:#0000}}@media screen and (max-width:1200px){section{margin:0}}@media screen and (max-width:768px){.profile-grid{background-size:calc(20vw - 6.6px) calc(20vw - 6.6px);border-radius:0;opacity:.05;top:2%}}@media screen and (max-width:480px){.profile-grid{background-size:calc(25vw - 6.6px) calc(25vw - 6.6px)}}@media screen and (max-width:992px){.profile{flex-direction:column;gap:2rem;height:auto;min-height:750px}.profile>.section_pic-container{height:300px;width:300px}.section_text_p2{font-size:1.5rem}.title{font-size:2.5rem}}@media screen and (max-width:768px){section{margin:0}.profile>.section_pic-container{height:250px;width:250px}.btn{width:7rem}}@media screen and (max-width:480px){.profile>.section_pic-container{height:200px;width:200px}.section_text_p2{font-size:1.25rem}.title{font-size:2rem}.btn-container{align-items:center;flex-direction:column}.btn{max-width:200px;width:100%}}@media screen and (max-width:992px){.animated-title,.title{font-size:2.5rem}}@media screen and (max-width:480px){.animated-title,.title{font-size:2rem}}#about{justify-content:space-between;margin:0 auto;max-width:1600px;min-height:100vh;padding:4rem 1rem 1rem;position:relative}#about,#about .about-content{align-items:center;display:flex;flex-direction:column;width:100%}#about .about-content{margin-bottom:auto;margin-top:auto;max-width:1200px}#about .section_text_p1{align-self:flex-start;cursor:pointer;margin-bottom:1rem;text-align:center;width:100%}#about .title{margin-bottom:3rem;text-align:center}#about .section-container{align-items:flex-start;display:flex;justify-content:space-between;width:100%}#about .section_pic-container{flex:0 0 auto;margin-right:4rem;margin-top:3.5rem}#about .about-pic{border-radius:2rem;height:300px;object-fit:cover;width:300px}#about .about-details-container{display:flex;flex:1 1;flex-direction:column}#about .about-containers{display:flex;gap:2rem;justify-content:space-between;margin-top:2rem}#about .about-containers>.details-container{align-items:center;background-color:#fff;border:2px solid #a3a3a3;border-radius:2rem;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:200px;padding:1rem;text-align:center}#about .details-container h3{margin-bottom:.5rem}#about .details-container p{font-weight:500;margin:0}#about .icon{height:2rem;margin-bottom:1rem;width:2rem}#about .text-container{font-weight:600;margin-top:2rem;text-align:left}@media (max-width:1024px){#about{height:auto}#about .section-container{align-items:center;flex-direction:column}#about .section_pic-container{margin-bottom:2rem;margin-right:0}#about .about-pic{height:300px;width:300px}#about .about-containers{flex-direction:column;justify-content:center}}@media (max-width:768px){#about{height:auto;min-height:110vh;padding:3rem 1.5rem 4rem}#about .about-pic{height:270px;width:270px}#about .about-containers>.details-container{max-width:420px;min-height:160px}#about .title{font-size:1.75rem;margin-bottom:2.5rem}#about .section-container{align-items:center;flex-direction:column}#about .section_pic-container{margin-bottom:2rem;margin-right:0}#about .about-containers{align-items:center;flex-direction:column;width:100%}#about .text-container{max-width:420px;text-align:center;width:100%}}@media (max-width:480px){#about .about-pic{height:220px;width:220px}#about .about-containers>.details-container{max-width:320px;min-height:140px}#about .details-container h3{font-size:1.1rem}#about .details-container p,#about .text-container p{font-size:1rem}}@media (max-width:768px){#about{height:auto;min-height:110vh;padding:6rem 1.5rem 4rem}}.experience-section{height:auto;margin-bottom:6rem;min-height:100vh;padding:3rem 0}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.main-title{color:#1f2937;font-size:2.25rem;font-weight:700;margin-bottom:.5rem;text-align:center}.subtitle{color:#4b5563;font-size:1.125rem;margin-bottom:2.5rem;text-align:center}.skills-container{display:flex;gap:2rem;justify-content:space-between}.skill-section{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:250px;padding:1.25rem;width:calc(33.333% - .667rem)}.section-title{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-align:center}.skills-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.skill-card{align-items:center;background-color:#f9fafb;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;padding:.625rem;transition:transform .2s ease,box-shadow .2s ease}.skill-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.skill-icon{color:#10b981;font-size:1rem;margin-right:.5rem}.skill-info{flex-grow:1}.skill-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .125rem}.skill-level{color:#6b7280;font-size:.8rem;margin:0}@media (max-width:1024px){.skills-container{flex-wrap:wrap;justify-content:center}.skill-section{margin-bottom:1rem;width:calc(50% - .5rem)}}@media (max-width:768px){.experience-section{height:auto;padding:2.5rem 0}.container{padding:0 .75rem}.main-title{font-size:2rem}.subtitle{font-size:1rem;margin-bottom:2rem}.skills-container{align-items:center;flex-direction:column}.skill-section{margin-bottom:1.5rem;max-width:400px;width:100%}.section-title{font-size:1.125rem}.skill-card{padding:.5rem}.skill-title{font-size:.8125rem}.skill-level{font-size:.6875rem}}@media (max-width:480px){.experience-section{padding:2rem 0}.main-title{font-size:1.75rem}.subtitle{font-size:.875rem}.skill-section{padding:1rem}}#projects{height:auto;padding:1rem;text-align:center}.title-container{align-items:center;margin-bottom:2rem}.title-container,.view-all-arrow{display:flex;justify-content:center}.view-all-arrow{color:#333;margin-left:1rem;transition:transform .3s ease}.view-all-arrow:hover{transform:translateX(5px)}#projects .experience-details-container{display:flex;justify-content:center;margin:2rem auto 0;max-width:1600px}#projects .about-containers{display:flex;flex-wrap:nowrap;gap:2rem;justify-content:center}#projects .color-container{background:#fff;border-radius:1.5rem;box-shadow:0 4px 8px #0000001a;flex:0 0 auto;margin-bottom:3rem;max-width:350px;overflow:hidden;width:100%}#projects .article-container{margin-bottom:1rem}#projects .project-img{border-radius:1.5rem 1.5rem 0 0;height:auto;width:100%}#projects .project-title{font-size:1.5rem;font-weight:700;margin:1rem 0}#projects .btn-container{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.view-all-link{border-radius:5px;color:#333;display:inline-block;margin-top:2rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}@media (max-width:1400px){#projects .about-containers{flex-wrap:wrap}#projects .color-container{max-width:calc(50% - 1rem)}}@media (max-width:768px){#projects .about-containers{align-items:center;flex-direction:column}#projects .color-container{height:auto;max-width:450px;width:100%}#projects .project-img{height:auto}}@media (max-width:480px){#projects{padding:1rem}#projects .color-container{max-width:100%}}#contact{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;padding:2rem}.contact-info-upper-container{background:#fafafa;border:.1rem solid #a3a3a3;border-radius:2rem;display:flex;justify-content:center;margin:2rem;padding:.5rem;width:40%}.contact-info-container{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:1rem}.contact-info-container p{font-size:larger}.contact-icon{cursor:default}.email-icon{height:2.5rem}@media (min-width:1400px){.contact-info-upper-container{max-width:600px;width:100%}}@media (min-width:992px) and (max-width:1199px){.contact-info-upper-container{width:100%}}@media (min-width:769px) and (max-width:991px){#contact{height:auto;min-height:60vh}.contact-info-upper-container{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.contact-info-container{margin:.5rem;width:calc(50% - 1rem)}}@media (max-width:768px){#contact{height:auto;padding:2rem 1rem}.contact-info-upper-container{flex-direction:column;padding:1rem;width:80%}.contact-info-container{margin:1rem 0;width:100%}}@media (max-width:480px){.contact-info-upper-container{padding:1rem;width:100%}.contact-info-container{margin:1rem 0;width:100%}.contact-info-container p{font-size:medium}}.projects-page{box-sizing:border-box;margin:0 auto;max-width:90%;padding:2rem;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);justify-content:center;margin-top:2rem}.project-page-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:400px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.project-page-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.project-page-image-container{height:200px;overflow:hidden;width:100%}.project-img{border-radius:1.5rem 1.5rem 0 0;height:auto;width:100%}.project-page-info{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.project-page-title{color:#333;font-size:1.2rem;margin-bottom:.5rem}.project-description{align-items:center;color:#000;display:flex;flex-grow:1;font-size:1rem;font-weight:800;justify-content:center;margin-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem}.project-page-links{display:flex;gap:1rem;justify-content:center}.project-page-button{border:none;color:#333;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease,color .3s ease}.project-page-img{max-height:350px}@media (max-width:1400px) and (min-width:1024px){.projects-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.project-page-card{max-width:400px;min-height:300px;min-width:350px}}@media (max-width:1024px){.projects-grid{gap:2rem;grid-template-columns:1fr}.project-page-card{max-width:400px;min-height:300px}.project-page-image-container{height:180px}}@media (max-width:480px){.project-page-title{font-size:1.1rem}.project-page-description{font-size:.85rem}.project-page-button{font-size:.85rem;padding:.4rem .8rem}}
/*# sourceMappingURL=main.f004620e.css.map*/