@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Nunito,sans-serif}body{background-color:#000;color:#fff}h1,h4,p,a{color:snow;text-decoration:none}ul{list-style-type:none}.btn{font-size:1rem;text-transform:uppercase;background-color:#31116bd3;font-weight:600;cursor:pointer;padding:12px 32px;border:.2px solid rgba(49,17,107,.826);color:#fff}.btn-light{background-color:transparent;color:#fff;border:.1px solid white}.btn:hover{background-color:transparent;transition:.4s;color:snow}.nav-menu{display:flex}.nav-menu li{padding:0 1rem}.nav-menu li a{font-size:1.2rem;font-weight:500}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;position:fixed;width:100%;height:90px;z-index:10}.hamburger{display:none}.header-bg{background-color:#101010d9;transition:.5s}@media screen and (max-width:1040px){.nav-menu{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#000000e6;position:absolute;top:0;left:-100%;z-index:-5;transition:.5s}.nav-menu.active{left:0}.nav-menu li{padding:1rem 0}.nav-menu li a{font-size:2rrem}.hamburger{display:initial;cursor:pointer}}.mask{width:100%;height:100vh;position:relative}.intro-img{width:100%;height:100%;background-size:cover;background-position:center;object-fit:cover}.mask:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;opacity:.8}.hero{height:100%;width:100%}.hero .content{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;text-align:center}.hero .content h1{font-size:4rem;padding:.6rem 0 1.5rem}.hero .content p{font-size:1.4rem;font-weight:200;text-transform:uppercase}.content .btn{margin:1.6rem .2rem}@media screen and (max-width:640px){.hero .content h1{font-size:3rem}.hero .content p{font-size:1.3rem}}.typewriter{overflow:hidden;white-space:nowrap;margin:0 auto;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.resume-btn{padding:12px 40px}.footer-icons{background-color:#000;color:snow;display:flex;justify-content:center;color:#959595;grid-gap:30px}.footer-middle{display:flex;justify-content:space-around}.icons{display:flex;justify-content:center;gap:30px;margin-top:40px;grid-area:icons}.icons img{width:25px;cursor:pointer}.reply-container{grid-area:reply-container;display:flex;justify-content:end;align-items:center;width:fit-content;border-radius:4px;overflow:hidden}.input-box{flex:1;padding:8px;border:none;font-size:16px;border-radius:4px 0 0 4px}.submit-button{background-color:#31116bd3;color:#fff;border:none;padding:10px 12px;border-radius:0 4px 4px 0;cursor:pointer}.footer-list{color:gray}.copy{grid-area:copy;display:flex;justify-content:center;margin-top:30px;margin-bottom:8px}.copy p,.footer-list a{color:gray}.project-heading{text-align:center;padding:4rem 0 2rem}.project-container{max-width:1140px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;padding-bottom:5rem}.project-card{background:#1a1919;padding:1.2rem 1rem;border-radius:12px}.project-card:hover{transform:scale(1.03);transition:.2s;cursor:pointer}.project-card img{width:100%;border-radius:10px}.project-btns{display:flex;flex-direction:column;gap:20px}.btn{border-radius:10px}.project-title{color:snow;padding:1rem 0}.project-details p{padding-bottom:1rem;font-size:1.1rem;text-align:justify}@media screen and (max-width:760px){.project-container{max-width:1140px;margin:auto;padding-bottom:5rem;display:grid;grid-template-columns:1fr}.project-card{max-width:400px;justify-self:center}}.hero-img{width:100%;background:#000000bf;height:60vh;position:relative}.hero-img:before{content:"";background:url(https://images.unsplash.com/photo-1509718443690-d8e2fb3474b7?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;height:100%;width:100%;background-position:center top;position:absolute;top:0;left:0;z-index:-1}.heading{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-img h1{font-size:2.4rem}.hero-img p{font-size:1.4rem;text-align:center}@media screen and (max-width:640px){.hero-img h1{font-size:2rem}}.about{width:100%;margin:3rem 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;height:100%}.about .left{text-align:center;margin:auto;padding:1rem;max-width:350px}.about .left p{margin:1.2rem 0}.about .right{max-width:700px}.right .img-container{display:grid;grid-template-columns:repeat(12,1fr);position:relative;align-items:center;text-align:center}.right .img{max-width:90%;border:1px solid #333}.right .top{grid-column:1/span 8;grid-row:1;padding-top:20%;z-index:6}.right .bottom{grid-column:4/-1;grid-row:1;z-index:5}.about .btn{color:snow}.skill-container{display:flex;flex-direction:column;gap:10px;border:1px solid rgba(38,21,38,.7);box-shadow:0 4px 8px #46033fb4;padding:20px 30px;border-radius:.5pc}.skill-container:HOVER{transform:scale(1.03);cursor:pointer}.skill-container img{width:50px;justify-self:cnter}.skill-container p{justify-self:center}.skillset{display:flex;gap:30px;padding:50px;flex-wrap:wrap}.skillset-container{margin:100px;display:flex;flex-direction:column}.skill-heading{display:flex;justify-content:center;padding:4rem 1rem}.certificate-container{display:flex;flex-direction:column;gap:10px;background-color:#1a1919;padding:20px;border-radius:10px;width:350px}.certificate-img{display:flex;justify-content:center;padding:1rem 2rem;border-radius:10px}.certificate-img img{width:300px}.certificate-title{display:flex;justify-content:center}.cert-container{display:flex;justify-content:space-around;margin-bottom:100px;flex-wrap:wrap;gap:30px}.cert-title{display:flex;justify-content:center;margin-bottom:100px}.dates{display:flex;justify-content:end;font-size:small}.job-desc{font-size:17px}label{color:snow;margin-bottom:.5rem}form{display:flex;flex-direction:column;padding:4rem 1rem;margin:auto;max-width:600px}form input,form textarea{margin-bottom:1rem;padding:10px 18px;font-size:1.2rem;background-color:#ffffff1a;border-color:#ffffff1a;color:#f4f4f4;border-radius:10px}