*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:Josefin Sans,sans-serif;line-height:1.5}.hero__name{font-family:Montserrat,sans-serif;font-size:clamp(3rem,8vw,12rem)}:root{--first-color: #444444;--second-color: #f5f5f5;--third-color: #eeedeb;--fourth-color: #2f3645;--fifth-color: #ffa823}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 6rem;gap:2rem;background-color:var(--second-color);box-shadow:0 1px 5px #000000bf}.header-logo{text-transform:uppercase;color:#000}.header-nav{display:flex;gap:4rem;flex-wrap:wrap}@media screen and (max-width: 50em){.header-logo{font-size:2rem}}@media screen and (max-width: 43.75em){.header-nav{gap:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}}@media screen and (max-width: 31.25em){.header{flex-direction:column}}.header-nav__link{display:flex;justify-content:center;align-items:center;color:#000;text-decoration:none;text-transform:capitalize;font-weight:700;font-size:1.8rem;letter-spacing:1.5px;padding:.5rem;transition:color .3s ease}.header-nav__link.active{color:var(--fifth-color)}.header__resume-btn{display:flex;justify-content:center;align-items:center;padding:1rem 2rem;background-color:var(--first-color);border:none;outline:none;text-transform:capitalize;font-weight:600;border-radius:100px;cursor:pointer;color:#fff}.header-nav a{text-decoration:none;font-size:1.5rem}.hero{min-height:80vh;background-color:var(--color-white-light);display:flex;align-items:center;justify-content:center;padding:2rem;gap:2rem;background-color:var(--first-color)}@media screen and (max-width: 1000px){.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}}.hero__container{padding:2rem;width:70%;box-shadow:-9px 10px 8px #00000085}.hero-textbox{display:flex;flex-direction:column;gap:1rem;align-items:end;max-width:100%}.hero-textbox h3{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:90%;color:var(--third-color);animation:blink-caret .75s step-end infinite,fadeIn 4s ease-in}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#000}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 400px){.hero-textbox h3{font-size:5rem}}.hero-textbox p{display:flex;flex-wrap:wrap;align-items:center;font-size:3rem;color:var(--third-color)}.hero-avatar-img{--size: 4rem;width:var(--size);height:var(--size);border-radius:50%}.hero__name{text-transform:uppercase;text-align:center}.hero-textbox__p{font-size:2rem}.hero-textbox-p-left{align-self:flex-start;display:flex;align-items:center;gap:1rem}.cta__container{display:flex;flex-direction:column;width:25%;justify-content:center;align-items:center;gap:3rem;padding:14rem 0rem;background-color:var(--third-color);box-shadow:-9px -9px 8px #00000085}@media screen and (max-width: 1000px){.cta__container{min-width:50%}}@media screen and (max-width: 750px){.hero__container,.cta__container{width:100%}}.cta__container a{text-decoration:none;font-size:2.5rem;font-weight:900;text-transform:capitalize;letter-spacing:1.5px;color:var(--fifth-color)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.about-section{max-width:800px;margin:3rem auto;padding:2rem}@media screen and (max-width: 50em){.about-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}}.about-textbox{display:flex;flex-direction:column;gap:2rem;align-items:center}.about-textbox__text{font-size:1.8rem;line-height:1.7}.title{margin-top:1rem;text-align:center;font-size:clamp(2.4rem,5vw,5rem);text-transform:uppercase;text-decoration:underline;color:var(--first-color);text-decoration-color:var(--first-color);text-decoration-style:dotted;text-decoration-thickness:clamp(4px,1vw,15px)}.skills-section{margin-top:4rem}.skills-container{max-width:1100px;margin:10rem auto 3rem;display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;row-gap:11rem}.skill-card{width:30rem;box-shadow:0 0 5px #000000bf;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem;position:relative}.skill-icon-wrapper{background-color:var(--first-color);display:flex;flex-direction:column;justify-content:center;align-items:center;--size: 15rem;width:var(--size);height:var(--size);padding:3rem;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);position:absolute;top:0;left:50%;transform:translateY(-50%) translate(-50%)}.skill-icon-wrapper svg{--size: 6rem;width:var(--size);height:var(--size);fill:#fff;stroke:#fff}.skill-card h3{margin-top:8rem;font-size:2rem;text-transform:uppercase}.skill-card p{font-size:2rem}.skill-card-bottom-belt{padding:.3rem;background-color:var(--first-color);width:100%;position:absolute;bottom:0;left:0}.projects__container{max-width:1000px;margin:2rem auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media screen and (max-width: 43.75em){.projects__container{display:flex;flex-direction:column;justify-content:center;padding:1rem}}.project{position:relative;overflow:hidden}.project__title-outside{display:flex;justify-content:center;align-items:center;text-align:center;font-size:3rem;padding:1rem;position:absolute;top:50%;left:0;transform:translateY(-50%);min-width:100%;background:linear-gradient(#00000080,#00000080);color:var(--second-color);text-transform:uppercase;transition:all .5s ease}.project:hover .project__title-outside{transform:translateY(360%)}.project__image-wrapper{height:30rem}.project__image{width:100%;height:100%;display:block;object-fit:cover}.project__body{font-size:2rem;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#00000080,#00000080);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;transform:translateY(-100%);transition:all .5s ease}.project:hover .project__body{transform:none}.project__title{color:var(--second-color);text-transform:uppercase;text-decoration:underline;text-decoration-color:var(--third-color);text-decoration-thickness:.8rem;text-align:center}.project__excerpt{color:var(--second-color);padding:1rem 0;text-align:center}.project__urls{display:flex;gap:1rem}.project__url{display:inline-flex;align-items:center;color:var(--second-color);text-decoration:none;text-transform:capitalize;gap:.5rem;background-color:var(--fourth-color);padding:1rem;border-radius:5px}.contact-info{margin-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-info h2{padding:2rem 0;font-size:3rem;color:var(--first-color)}.contact-container{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-container a{color:var(--fifth-color);text-decoration:none;font-size:2.5rem}.contact-container h3{font-size:2.5rem;text-transform:capitalize;color:var(--first-color)}.contact-container p{font-size:2rem;padding:1rem .5rem}.contact-socials{padding:3rem 1rem;display:flex;justify-content:center;align-items:center;gap:2rem;font-size:4rem}.time-sec{font-weight:700}.socials-icon-wrapper{width:100%}.contact-socials svg{width:10rem;fill:var(--fourth-color);cursor:pointer}.footer{display:grid;place-content:center;background-color:var(--first-color);padding:2.5rem;margin-top:9rem;text-align:center}.footer p{letter-spacing:1.5px;font-size:1.8rem;font-weight:700}.footer a{color:var(--fifth-color);text-decoration:none}