*,:after,:before{box-sizing:border-box;padding:0;margin:0}*{padding:0;margin:0;line-height:calc(1em + .4rem)}html{scroll-behavior:smooth}body{font-family:Work Sans,sans-serif;font-size:1rem}:root{--bg-project: rgb(245, 245, 245);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.5rem;--text-xl: 2rem;--text-xxl: 2.5rem;--font-title: "Figtree", sans-serif;--font-para: "Work Sans", sans-serif}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}a{text-decoration:none;color:#000}button{display:inline-block;padding:0;margin:0;border:none;background:none;cursor:pointer}img,picture,video,canvas,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none}.btn{font-family:var(--font-title);font-size:var(--text-xs);letter-spacing:.4px;padding:.3em 1em;border:1.8px solid rgb(68,68,68);border-radius:.9375em;transition:all .4s ease 0s}.btn:hover{color:#fff;background-color:#444}section{margin-bottom:2rem}@media (min-width: 360px){.container{max-width:360px;margin-top:6rem}}@media (min-width: 480px){.container{max-width:480px;margin-top:7rem}}@media (min-width: 768px){.container{max-width:768px;margin-top:7rem}.btn{font-family:var(--font-para);font-size:var(--text-sm);letter-spacing:.01px}section{margin:0 0 3rem}}@media (min-width: 1024px){.container{max-width:1024px;margin-top:9rem}}.nav{width:100%;padding:1em;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-project);margin-bottom:2rem;position:fixed;top:0;left:0;z-index:999}.header-menu{display:none}.header-title{font-family:var(--font-title);font-size:var(--text-lg)}.header-link{font-family:var(--font-title);font-weight:600}@media (min-width: 768px){.header-bar{display:none}.nav{padding:1em 2em;margin-bottom:3rem}.header-menu{list-style:none;display:flex;justify-content:center;align-items:center;gap:1em}.header-title{font-size:var(--text-xl)}.header-link{font-size:var(--text-base)}.header-link:hover{text-decoration:underline;text-underline-offset:.2em;font-weight:600}}@media (min-width: 1024px){.nav{padding:1.5em 5em;margin-bottom:4rem}.header-menu{gap:2em}}.mobile-nav{background-color:var(--bg-project);position:fixed;top:0;right:0;padding-top:3.5em;width:100%;height:100%;display:none;justify-content:center;align-items:center;text-align:center;z-index:99}.mobile-menu{list-style-type:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.mobile-nav-link{font-family:var(--font-title);font-size:var(--text-base)}.mobile-nav-link:hover{font-weight:600}@media (min-width: 480px){.mobile-nav-link{font-size:var(--text-base);font-size:var(--text-lg)}}.hero-container{padding:5px;width:100%;border:.8px solid rgb(68,68,68);border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background-color:var(--bg-project)}.greeting{text-align:center;font-size:var(--text-sm);font-family:var(--font-title);font-weight:400}.profile-name{text-align:center;font-size:var(--text-xl);font-family:var(--font-title);font-weight:500}.sub-title{text-align:center;font-size:var(--text-sm);font-family:var(--font-para);font-weight:400}.hero-links{margin:5px 0 8px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:15px}.btn-dow-resume{display:none}@media (min-width: 480px){.hero-container{padding:10px}.greeting{font-weight:500}.profile-name{font-weight:600}.sub-title{font-weight:500}.btn-dow-resume{display:block}}@media (min-width: 768px){.hero-container{padding:20px;gap:7px}.profile-name{font-weight:700}.hero-links{gap:20px}}@media (min-width: 1024px){.hero-container{padding:25px;gap:10px}.greeting{font-size:var(--text-base);font-weight:600}.profile-name{font-size:calc(var(--text-xl) + .3rem)}.sub-title{font-size:var(--text-base)}.hero-links{gap:25px}}.about-container{padding:5px;width:100%;display:flex;flex-direction:column;align-items:center;border:.8px solid rgb(68,68,68);border-radius:15px;gap:5px}.profile-picture{width:250px;height:250px;border-radius:10px}.about-content{width:100%;display:flex;flex-direction:column;gap:5px}.about-box{padding:5px;width:100%;border-radius:15px;background-color:var(--bg-project)}.profile-title{text-align:center;font-family:var(--font-title);font-size:var(--text-lg);font-weight:600}.profile-sub-heading{text-align:center;font-family:var(--font-title);font-size:var(--text-xs);font-weight:500}.about-description{padding:8px;font-family:var(--font-para);font-size:var(--text-xs);text-align:justify}.about-links{padding:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}@media (min-width: 480px){.profile-picture{width:250px;height:250px;border-radius:15px}}@media (min-width: 768px){.profile-picture{width:250px;height:200px;border-radius:15px}.about-container{flex-direction:row;justify-content:center;gap:10px}.about-content{justify-content:space-evenly;gap:7px}.profile-title{font-size:var(--text-xl);font-weight:700}.profile-sub-heading{font-size:var(--text-sm);font-weight:500}.about-description{font-size:var(--text-sm)}.about-links{gap:20px}}@media (min-width: 1024px){.about-links{gap:25px}}.header{text-align:center;margin:20px 0 15px;font-family:var(--font-title);font-weight:500}.header>h1{font-size:var(--text-lg)}.header>h3{font-size:var(--text-xs)}.project-container{margin:0 0 10px;width:100%;display:flex;flex-direction:column;border:.8px solid rgb(68,68,68);border-radius:5px;background-color:var(--bg-project)}.project_image{border-radius:5px 5px 0 0;width:100%;height:100%;cursor:pointer}.project-info{margin:5px;display:flex;flex-direction:column;justify-content:space-between}.project-title{font-size:var(--text-sm);font-family:var(--font-title);font-weight:400}.project-description{margin:5px 0;font-size:var(--text-xs);font-family:var(--font-para);font-weight:400;text-align:justify;display:flex;flex-direction:column;justify-content:space-between;gap:5px}.project-description>ul li{list-style-position:inside}.tech-stack{font-weight:600}.project-links{margin:5px 0;display:flex;justify-content:center;gap:20px}@media (min-width: 768px){.header>h1{font-size:var(--text-xl)}.header>h3{font-size:var(--text-sm)}.project-container{margin:0 0 15px;width:100%;display:flex;flex-direction:row;border-radius:5px;background-color:var(--bg-project)}.project_image{border-radius:5px 0 0 5px;width:250px;height:180px}.project-info{margin:5px 7px}.project-title{font-size:var(--text-base)}.project-description{font-size:var(--text-sm)}.project-links{margin:0 0 0 15px;display:flex;justify-content:flex-start;gap:25px}}@media (min-width: 1024px){.header>h1{font-size:var(--text-xxl)}.header>h3{font-size:var(--text-base)}.project-container{margin:0 0 20px;width:100%;display:flex;flex-direction:row;border-radius:5px;background-color:var(--bg-project)}.project_image{width:300px;height:100%}.project-info{margin:10px}.project-links{display:flex;justify-content:flex-start;gap:30px}}.skills-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.skills-info{width:100%;padding:.3em;border:.8px solid rgb(68,68,68);border-radius:15px;background-color:var(--bg-project);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.skills{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:15px}.skill-content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;font-family:var(--font-para);font-size:calc(var(--text-base) - .1rem)}.skill-logo{width:17px}.skill-logo1{width:15px}.skill-title{font-family:var(--font-title);font-size:calc(var(--text-base) + .3rem);font-weight:600}@media (min-width: 480px){.skills-container{gap:10px}.skills-info{padding:.4em}}@media (min-width: 768px){.skills-info{width:45%;padding:.6em}.skills-container{flex-direction:row;flex-wrap:wrap;gap:20px}.skill-title{font-size:calc(var(--text-base) + .4rem);font-weight:600}.skill-content{font-size:calc(var(--text-base) - .01rem)}.skill-logo{width:18px}.skill-logo1{width:16px}}@media (min-width: 1024px){.skills-container{gap:25px}.skills-info{padding:1em}}.certificates{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}.certificate-picture{width:100%;height:200px;border:1px solid rgb(68,68,68);border-radius:10px}@media (min-width: 480px){.certificates{gap:10px}.certificate-picture{width:100%;height:230px}}@media (min-width: 768px){.certificates{flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;gap:15px}.certificate-picture{width:45%;height:200px}}@media (min-width: 1024px){.certificates{gap:20px}.certificate-picture{width:40%;height:250px}}.contact-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.social-link-boxs{border:.8px solid rgb(68,68,68);border-radius:15px;background-color:var(--bg-project)}.social-link-boxs:hover{background-color:#e4e4e4}.social-link{margin:.5em 1em;font-family:var(--font-title);font-size:calc(var(--text-base) - .1rem);display:flex;justify-content:center;gap:10px}.social-logo{width:18px}.social-logo1{width:19px}@media (min-width: 768px){.contact-container{gap:20px}.social-link{font-size:calc(var(--text-base) - .01rem)}.social-logo{width:20px}.social-logo1{width:21px}}.footer{display:none}@media (min-width: 360px){.btt{font-size:var(--text-sm)}}@media (min-width: 480px){.footer{display:block;padding:2px;background-color:var(--bg-project)}}@media (min-width: 768px){.btt{font-size:var(--text-base)}}