@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&display=swap";.navbar{background-color:#343539;display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;position:fixed;top:0;width:100%;z-index:1000}.navbar .links ul{display:flex;justify-content:space-between;align-items:center;gap:100px;margin-left:100px}.navbar .logo{color:#ffc86a}.navbar .links ul li{color:#b5b5b5}.navbar .links ul li:hover{color:#fff;transition:.3s ease-in}.navbar .hireme button{padding:10px 50px;border-radius:8px;border:none;background-color:#ffc86a;font-weight:600;font-size:12px;border:1px solid #343539;cursor:pointer}.navbar .hireme button:hover{background-color:#343539;border:1px solid #FFC86A;transition:.3s ease-in;color:#ffc86a}@media only screen and (max-width: 767px){.navbar{display:none}}#hero{background-image:url(/assets/hero-DB-zBFts.jpeg);background-repeat:no-repeat;background-size:cover}.container{min-height:80vh;max-height:80vh;margin:0px 5vw}.hero{display:flex;justify-content:space-around;min-height:80vh}.hero h4{display:none;width:100vw;text-align:center;background-color:#ffc86a;color:#000;padding:10px 5vw}.hero .left{display:flex;flex-direction:column;justify-content:center;font-size:30px;color:#b5b5b5;text-align:center}.hero .left h1{font-weight:400}.hero .left h2{font-weight:200}.hero .left .name{color:#ffc86a}.hero .left .cv{padding:10px 50px;border-radius:8px;border:none;background-color:#ffc86a;font-weight:600;font-size:12px;border:1px solid #343539;width:40%;margin-left:auto;margin-right:auto;margin-top:25px;cursor:pointer}.hero .left .hire{padding:10px 50px;border-radius:8px;border:none;background-color:#ffc86a;font-weight:600;font-size:12px;border:1px solid #343539;width:40%;margin-top:25px;display:none}.hero .left .hire:hover,.hero .left .cv:hover{background-color:#343539;border:1px solid #FFC86A;transition:.3s ease-in;color:#ffc86a}.hero .right img{width:450px}.socials{min-height:40vh}.socials ul{display:flex;gap:25px;align-items:center;justify-content:center;width:100%}.socials ul li a{color:#b5b5b5}.socials ul li a:hover{color:#fff;transition:.3s ease-in}.socials ul li h4{color:#ffc86a;text-align:end;font-size:50px;font-weight:400;cursor:default}@media only screen and (min-width: 768px) and (max-width: 1024px){.hero{flex-direction:column-reverse;align-items:center;text-align:center;min-height:90vh}.container{min-height:100vh;max-height:80vh;margin:0px 5vw}.hero .left{align-items:center}.hero .left .cv{margin-top:25px;background-color:#343539;color:#fff;border:1px solid #FFC86A}.hero .left .hire{display:block}}@media only screen and (max-width: 767px){.container{min-height:100vh;max-height:100vh;margin:0}.hero{flex-direction:column-reverse;align-items:center;text-align:center;width:100vw}.socials{min-height:30vw}.hero h4{display:block}.socials{width:100vw}.hero .left{align-items:center}.hero .left .cv{margin-top:25px;background-color:#343539;color:#fff;border:1px solid #FFC86A}.hero .left .hire{display:block}}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:50vw;margin:auto}.about .wrapper{border:2px solid #FFC86A;border-radius:8px;padding:30px 80px}.about h1{color:#ffc86a;font-size:50px;text-align:center}.about p{color:#b5b5b5;font-size:20px;text-align:justify}@media only screen and (min-width: 768px) and (max-width: 1024px){.about{width:80vw}}@media only screen and (max-width: 767px){.about{width:80vw;margin-top:50px;justify-content:flex-start;align-items:center;margin-left:auto;margin-right:auto;height:fit-content}.about .image{display:none}.about h1{font-size:15px}.about p{font-size:12px}.about .wrapper{padding:10px 30px}}.skills-title{text-align:center;margin-bottom:60px;color:#ffc86a}.skills-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;min-height:100vh;margin-bottom:25px}.skills{display:grid;grid-template-columns:repeat(4,20%);gap:50px;height:80vh}.skill{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;border:2px solid #FFC86A;border-radius:8px;padding:25px;text-align:center}.skill:hover{background-color:#ffc86a;transition:.3s ease-in}.skill:hover h1{color:#000}.skill h1{font-size:20px;color:#fff}.skill .img-container{height:100%;display:flex;justify-content:center;align-items:center}.skill img{width:100px}@media only screen and (min-width: 0px) and (max-width: 767px){.skills-wrapper{display:block;min-height:100vh;max-height:100vh;width:100%;margin-left:auto;margin-right:auto;justify-content:flex-start;align-items:flex-start;margin-bottom:100px}.skills-title{font-size:15px;width:100%;text-align:center;margin-top:50px}.skills{display:grid;grid-template-columns:repeat(2,45%);gap:20px;width:100%;margin:0 0 0 3%}.skill{padding:15px}.skill img{width:40px}.skill h1{font-size:13px;color:#fff}}#portfolio{margin-top:450px}.portfolio-wrapper{min-height:calc(100vh - 100px);display:flex;justify-content:center;align-items:center;flex-direction:column}.portfolio{max-width:100vw;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.portfolio-title{color:#ffc86a;margin-bottom:50px}.portfolio .project{width:500px;height:300px;margin:10px;position:relative}.portfolio .project img{width:100%;height:100%;border-radius:8px;transition:opacity .3s ease}.portfolio .project h1{color:#ffc86a;font-size:20px;margin-top:10px}.portfolio .project p{color:#b5b5b5;text-align:center;font-size:15px}.project .details{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;padding:15px;border-radius:8px;transition:opacity .3s ease;width:100%;height:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.project .details p{text-align:justify}.project .details h3{margin-top:32px;color:#ffc86a;font-weight:300}.project .details #tech-stack{margin-top:32px;font-weight:700;font-size:20px}.project{border:2px solid #FFC86A;border-radius:8px}.project:hover .details{opacity:1}.project:hover img{opacity:.7}@media only screen and (min-width: 0px) and (max-width: 767px){.portfolio .project{width:100%}#portfolio{margin-top:350px}.portfolio{padding:0 20px}.portfolio .project img{border-radius:8px;opacity:1}.portfolio-title{font-size:15px}.project .details{opacity:1;background-color:#000c;padding:15px;border-radius:8px;display:flex;flex-direction:column;justify-content:center}.project .details h1{font-size:15px}.project .details p{font-size:13px;text-align:center}}.contact-title{color:#ffc86a;text-align:center;margin-top:100px;margin-bottom:50px}#contact{margin-bottom:50px;height:100vh;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact-wrapper{display:flex;justify-content:center;align-items:center;border:2px solid #FFC86A;border-radius:8px;width:50%;margin-left:auto;margin-right:auto;padding:25px}.contact-wrapper .form-group{display:flex;flex-direction:column}.contact-wrapper form{display:flex;flex-direction:column;width:50%;gap:25px}.contact-wrapper form label{color:#b5b5b5}.contact-wrapper form input,.contact-wrapper form textarea{background-color:#343539;border:1px solid #FFC86A;border-radius:3px;height:32px}.contact-wrapper form input:focus,.contact-wrapper form textarea:focus{background-color:#ffc86a;color:#000;outline:none;transition:.5s;border:1px solid #343539}.contact-wrapper form button{width:50%;border-radius:8px}.contact-wrapper form button{padding:10px 50px;border-radius:8px;border:none;background-color:#ffc86a;font-weight:600;font-size:12px;border:1px solid #343539;width:100%}.contact-wrapper form button:hover{background-color:#343539;border:1px solid #FFC86A;transition:.3s ease-in;color:#ffc86a;cursor:pointer}@media only screen and (min-width: 0px) and (max-width: 767px){.contact-wrapper,.contact-wrapper form{width:90%}.contact-title{font-size:15px;margin-top:10px}}#feedback-section{margin-top:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}#feedback-title{text-align:center;color:#ffc86a;margin-bottom:100px}.feedback-container{display:grid;grid-template-columns:1fr 1fr;row-gap:30px}.feedback-container .feedback{display:flex;flex-direction:column;justify-content:center;align-items:center}.feedback-container .feedback img{width:80%;height:auto;border:2px solid #FFC86A;opacity:.5}.feedback-container .feedback img:hover{opacity:1;transition:.7s;scale:1.2}@media only screen and (min-width: 0px) and (max-width: 767px){.feedback-container{display:flex;flex-direction:column;gap:12px}.feedback-container .feedback img{opacity:1}.feedback-container .feedback img:hover{scale:1}#feedback-section{margin-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}#feedback-title{text-align:center;color:#ffc86a;font-size:15px;margin-bottom:50px}}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif;font-style:normal;scroll-behavior:smooth}a{text-decoration:none;color:inherit}a:visited,a:active{color:inherit}a:disabled{color:inherit}li{list-style-type:none}body{background-color:#343539;min-height:100vh}