@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,400;1,100;1,200&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0;text-decoration:none}body{background:#161513;color:#fff;height:100vh;width:100%}.navbar{align-items:center;display:flex;height:20vh;justify-content:space-between;margin:0 100px}.nav-head{position:relative}.nav-head h1{color:#000;font-weight:600;padding:60px 45px}.nav-head img{height:170px;left:-2px;position:absolute;top:18px;width:200px;z-index:-1}.nav-menu{align-items:center;display:flex;font-size:20px;gap:30px;list-style:none}.nav-menu li{cursor:pointer}.nav-menu hr{background:linear-gradient(270deg,#df8908 10%,#b415ff);border:none;border-radius:20px;height:3px;outline:none}.nav-connect{background-image:linear-gradient(270deg,#df8908 10%,#b415ff);border-radius:350px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;padding:15px 20px;transition:.5s}.nav-connect:hover{transform:scale(1.05)}.anchor-link{color:#fff}.hero{align-items:center;display:flex;flex-direction:column;gap:25px;height:80vh;padding-top:30px;width:100%}.hero img{border:3px solid #2af5f5;border-radius:240px;cursor:pointer;height:245px;transition:.3s;width:240px}.hero img:hover{transform:scale(1.05)}.hero h1{font-size:55px;font-weight:600;position:relative;text-align:center;width:70%}.hero h1:before{animation:showRight 2s ease forwards;animation-delay:1s;background-color:#161513;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.hero h1 span{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(270deg,#df8908 10%,#b415ff)}.hero-action{align-items:center;display:flex;gap:25px}.hero-resume{background-image:linear-gradient(270deg,#df8908 10%,#b415ff);border-radius:350px;color:#fff;cursor:pointer;font-size:17px;font-weight:500;padding:10px}.hero-resume:hover{border:2px solid #fff}@keyframes showRight{to{width:0}}.about{display:flex;flex-direction:column;gap:40px;height:100vh;padding:60px 30px}.about-title{position:relative}.about-title h1{color:#000;text-align:center}.about-image-div{display:flex;justify-content:center;margin-left:60px}.about-image-div img{bottom:-55px;height:150px;position:absolute;width:250px;z-index:-1}.about-sections{display:flex;gap:60px;justify-content:center}.about-left img{border-radius:10px;height:450px;margin-top:20px;transition:.3s;width:320px}.about-left img:hover{transform:scale(1.05);transition:.3s}.about-right{display:flex;flex-direction:column;gap:30px}.about-para p{padding-top:30px}.skills{height:100vh;width:100%}.skill-head{display:flex;flex-direction:column;position:relative}.skill-head h1{color:#000;padding-top:50px;text-align:center}.skill-image-div{display:flex;justify-content:center;margin-left:60px}.skill-head img{bottom:-55px;height:150px;position:absolute;width:250px;z-index:-1}.my-skills{width:100%}.skill-cover{display:flex}.skill-level{align-items:center;display:flex;gap:30px;justify-content:center;padding-top:0}.skill-level hr{background-image:linear-gradient(270deg,#df8908 10%,#b415ff);border:2px solid #f5f5f5;height:20px;outline:none;transition:.3s}.hr_one{position:relative;width:75%}.hr_one:before{animation:showRightone 2s ease forwards;animation-delay:1s;background-color:#06141b;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.hr_two{position:relative;width:75%}.hr_two:before{animation:showRighttwo 2s ease forwards;animation-delay:1s;background-color:#06141b;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.hr_three{position:relative;width:75%}.hr_three:before{animation:showRightthree 2s ease forwards;animation-delay:1s;background-color:#06141b;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.hr_four{position:relative;width:75%}.hr_four:before{animation:showRightfour 2s ease forwards;animation-delay:1s;background-color:#06141b;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.hr_five{position:relative;width:75%}.hr_five:before{animation:showRightfive 2s ease forwards;animation-delay:1s;background-color:#06141b;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.hr_six{position:relative;width:75%}.hr_six:before{animation:showRightsix 2s ease forwards;animation-delay:1s;background-color:#06141b;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.hr_seven{position:relative;width:75%}.hr_seven:before{animation:showRightseven 2s ease forwards;animation-delay:1s;background-color:#06141b;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.hr_eight{position:relative;width:75%}.hr_eight:before{animation:showRighteight 2s ease forwards;animation-delay:1s;background-color:#06141b;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.skill-left{padding:50px 20px;width:50%}.skill-left div,.skill-right div{margin-top:40px}.skill-right{padding:50px 20px;width:50%}.skill-level:hover{background-color:#b415ff;cursor:pointer;transform:scale(1.05);transition:.5s}@keyframes showRightone{to{width:3%}}@keyframes showRighttwo{to{width:13%}}@keyframes showRightthree{to{width:8%}}@keyframes showRightfour{to{width:15%}}@keyframes showRightfive{to{width:10%}}@keyframes showRightsix{to{width:20%}}@keyframes showRightseven{to{width:5%}}@keyframes showRighteight{to{width:45%}}.mywork{height:100vh}.work-title{position:relative}.work-title h1{color:#000;padding:20px;text-align:center}.work-image-div{display:flex;justify-content:center;margin-left:60px}.work-title img{bottom:-35px;height:150px;position:absolute;width:250px;z-index:-1}.myworcontainer{display:flex;justify-content:center;margin-top:25px}.works{border-radius:10px;height:310px;margin:20px;transition:.3s;width:410px}.mywork-container-tittle{display:flex;justify-content:center}.mywork-container-tittle h2{margin:0 20px;text-align:center;width:410px}.works img{border-radius:10px;height:305px;width:400px}.works:hover{border:4px solid #f0f;transform:scale(1.05)}.mywork-container-tittle h2 button{border:none;border-radius:9px;cursor:pointer;font-size:17px;margin-top:15px;padding:7px;transform:.3s}.mywork-container-tittle h2 button:hover{background-color:#f0f;transform:scale(1.05);transition:.2s}.contact{align-items:center;display:flex;flex-direction:column;gap:50px;height:100vh}.contact-title{position:relative}.contact-title h1{color:#000;font-size:28px;padding-top:30px;text-align:center}.contact-image-div{display:flex;justify-content:center;margin-left:60px}.contact-image-div img{bottom:-60px;height:160px;position:absolute;width:300px;z-index:-1}.contact-section{display:flex;gap:120px}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#df8908 80%,#b415ff);background-clip:text;-webkit-background-clip:text;font-size:50px;font-weight:700}.contact p{font-size:17px;line-height:30px;max-width:500px}.contact-details{display:flex;flex-direction:column;gap:20px}.detail{align-items:center;display:flex;gap:20px}.contact-right{align-items:start;display:flex;flex-direction:column;gap:25px}.contact-right label{color:#d8d8d8;font-size:20px;font-weight:500}.contact-right input{height:55px;padding-left:20px}.contact-right input,.contact-right textarea{background-color:#32323c;border:none;border-radius:4px;color:#a0a0a0;font-size:large;width:600px}.contact-right textarea{padding:20px}.contact-submit{background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);border:none;border-radius:50px;color:#fff;font-size:16px;padding:15px;transition:.3s}.contact-submit:hover{cursor:pointer;transform:scale(1.1);transition:.3s}.footer{display:flex;flex-direction:column;gap:20px;margin:50px}.footer-top{display:flex;justify-content:space-between}.footer-top-right{display:flex;gap:20px;justify-content:center}.footer-email-input input{background-color:#32323b;border:none;color:#a0a0a0}.footer-email-input input,.footer-subscribe{border-radius:50px;font-size:large;padding:10px 30px}.footer-subscribe{background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);border:none;color:#fff;cursor:pointer;transition:.3s}.footer-bottom{display:flex;font-size:18px;justify-content:space-between}.footer-bottom-right{display:flex;gap:40px;margin-bottom:50px}.footer-subscribe:hover{transform:scale(1.1);transition:.3s}
/*# sourceMappingURL=main.53ca8cc7.css.map*/