*{padding:0;margin:0;box-sizing:border-box;font-family:outfit;scroll-behavior:smooth}body{height:100vh;background-color:#161513;color:#fff}.nav-bar{display:flex;justify-content:space-between;align-items:center;padding-inline:20px;padding-block:10px}.nav-bar .logo h2{letter-spacing:3px;transition:.2s;cursor:default}.nav-bar .logo h2:hover{scale:1.05;color:#d1d1d1;border-bottom:1px solid #B923E1}.nav-bar .nav-list ul{display:flex;gap:40px}.nav-bar .nav-list ul li{list-style:none}.nav-bar .nav-list ul li a{text-decoration:none;color:#fff;font-size:1.2rem}.nav-bar .nav-list ul li a:hover{color:#b923e1}.nav-bar .nav-btn a{display:inline-block;background:linear-gradient(to right,#da7c25,#b923e1);cursor:pointer;padding:15px;border-radius:40px;transition:.2s;color:#fff;text-decoration:none}.nav-bar .nav-btn a:hover{background:linear-gradient(to right,#da7d25bd,#b823e1c3);scale:1.05}.Hero{margin-top:20px;display:flex;align-items:center;flex-direction:column;gap:30px}.Hero .image img{width:115px;height:110px;border-radius:50%;transition:.5s}.Hero .image img:hover{scale:1.05}.Hero h1{text-align:center;width:70%;font-size:4rem;font-weight:500}.Hero h1 span{background:linear-gradient(to left,#da7c25,#b923e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Hero p{font-size:1.5rem;width:40%;text-align:center}.Hero p a{text-decoration:none;color:#fff;display:inline-block;margin-top:20px;font-size:1.8rem;font-weight:700;cursor:pointer;transition:.2s}.Hero p a:hover{scale:1.03;color:#adadad}.Hero .btns{display:flex;gap:40px;margin-top:10px}.Hero .btns .body-btn1 a{cursor:pointer;background:linear-gradient(to right,#da7c25,#b923e1);padding:20px;border-radius:15px;transition:.3s;text-decoration:none}.Hero .btns .body-btn1 a:hover{scale:1.02;background-color:transparent;border:1px solid white;background:linear-gradient(to right,transparent,transparent)}.Hero .btns .body-btn1 a{text-decoration:none;color:#fff}.about{text-align:center;margin-top:100px}.about h1{font-size:4rem;letter-spacing:3px;background:linear-gradient(#da7c25,#b923e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about .skills{display:flex;justify-content:space-between;align-items:center;padding-inline:30px;margin-top:50px}.about .skills .skill i{font-size:5rem;margin-bottom:10px}.about .skills .skill div{font-weight:700;font-size:1.1rem}.about .skills .skill{transition:.2s}.about .skills .skill:hover{scale:1.04}.work{margin-top:30px;text-align:center;font-size:4rem;background:linear-gradient(#da7c25,#b923e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section{margin-top:10px;margin-inline:30px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.section .card{margin:20px;width:30%;border:1px solid #B923E1;border-radius:10px;transition:.3s;cursor:pointer;text-align:center}.section .card:hover{scale:1.05}.section .card .image img{width:100%;border-radius:10px}.section .card .text{padding:10px}.section .card .text .title h1{padding:10px;background:linear-gradient(to left,#da7c25,#b923e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section .card .text .discribtion h3{font-size:1.3rem;font-weight:500;line-height:30px;margin-bottom:20px}.section .card .text .btn{display:flex;justify-content:space-between;padding:10px}.section .card .text .btn a{border:1px solid white;display:inline-block;text-decoration:none;color:#fff;padding:15px;border-radius:10px;transition:.3s}.section .card .text .btn a:hover{background:linear-gradient(to left,#da7c25,#b923e1)}.main{display:flex;align-items:center;justify-content:space-between;padding-inline:40px}.main .lets{width:50%;margin-bottom:20px}.main .lets h1{font-size:5rem;background:linear-gradient(#da7c25,#b923e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main .lets p,.main .lets .email,.linked{font-size:larger;font-weight:300;line-height:40px}.main .lets .email i,.main .lets .linked i{margin-right:10px}.main form{width:50%;margin-bottom:50px}.main form .inputs{padding-top:20px}.main form .inputs .user input{color:#fff;width:100%;background-color:transparent;border:none;outline:none;background-color:#32323c;padding:10px}.main form .inputs .mail,.user{padding-bottom:20px}.main form .inputs .mail input{color:#fff;width:100%;background-color:transparent;border:none;outline:none;background-color:#32323c;padding:10px}.main form .inputs .area textarea{color:#fff;padding:3px;width:100%;height:150px;background-color:transparent;border:none;outline:none;background-color:#32323c}.main form .sunbmit{margin-top:10px;background:linear-gradient(to left,#da7c25,#b923e1);outline:none;border:none;padding:10px 20px;color:#fff;border-radius:10px;cursor:pointer;transition:.2s}.main form .sunbmit:hover{background:linear-gradient(to left,#da7d25bd,#b823e1c3);scale:1.03}.footer{text-align:center;background-color:#1f1f1f;border-top-left-radius:10px;border-top-right-radius:10px;padding:10px;font-size:1.1rem}.footer span{margin-right:10px}.footer span a{margin-left:10px;color:#fff;text-decoration:none}.footer span a:hover{text-decoration:underline}