*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{width:100%;height:100%;overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#111a28;color:#fff;font-weight:lighter}.root-cont{padding:0 5px;width:100%}.footer{text-align:center}button{color:#fff;font-size:larger}.position{position:relative}.heart{animation:beat .3s infinite alternate;transform-origin:center}@keyframes beat{to{transform:scale(1.1)}}.gradient-h1{background:linear-gradient(to right,red,#fff,#ff0,red,#fff,#ff0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-h{background:linear-gradient(to right,red,#fff,#ff0,green,#00f,#000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.anchor{text-decoration:none;color:#ced8d3;margin-bottom:5px}@media (max-width: 768px){.navbar{height:60px;color:#fff;display:flex;align-items:center;justify-content:space-between}.navbar .logo{width:50px;height:50px}.nav-bars-menu{display:none}.navbar .bars{height:50px;width:50px;display:block}.menu-fload{width:120px;height:120px;background-color:#dee1e6;position:fixed;top:65px;right:0;z-index:3;text-align:center}.menu-fload .nav-links a{text-decoration:none;color:#00cf5d;display:block}}@media (min-width: 769px){.navbar{height:60px;margin-top:10px;background-color:#111a28;padding:10px;display:flex;align-items:center;justify-content:space-between;width:100%}.navbar .navbars{list-style:none;padding:0;font-size:larger;margin-left:auto}.navbars li{display:inline;margin-right:20px;color:#fff}.navbars li a{text-decoration:none;color:#fff}.navbar .logo{width:50px;height:50px}.nav-bars-menu{margin-left:35%}.nav-bars-menu a{text-decoration:none;color:#fff}.menu span{margin-left:20px}.menu span:hover{cursor:pointer}.navbar .bars{display:none;box-sizing:border-box}.nav-bars-menu li{list-style:none}}@media (max-width: 768px){.about{margin-top:60px;text-align:center;margin-bottom:60px}.about-text p{font-size:20px;margin:5px 5px 20px;font-weight:lighter}.about-text img{width:260px;height:260px;display:flex;align-items:center;border-radius:12px;margin-left:auto;margin-right:auto}.about-text .lebal{text-align:center;font-size:large}.about .stack{margin-bottom:0;color:#00cf5d}.about-headers{color:#fff;background:#1d293a;border:.5px outset #8ea598;height:60px;display:flex;align-items:center;font-weight:700;padding-left:5px}.about .greetings{color:#00cf5d;margin-top:0;margin-bottom:0}.about .name{font-size:65px}ul li{display:inline-block;font-size:24px}.about div button{border:#00cf5d 1px solid;background:inherit;height:60px;width:140px;color:#fff;margin-top:20px;margin-bottom:20px;font-size:larger}.center-flex{display:flex;justify-content:space-between;width:320px;margin:0 auto}.about .sociallinks{height:60px;background-color:#111a28;color:#fff}.sociallinks a{display:inline-block;margin:10px}.about .sociallinks svg{width:30px;height:30px}.about .sociallinks h3{font-weight:400;margin:10px 0}}@media (min-width: 769px){.about{margin-top:100px;margin-bottom:160px}.about-text p{font-size:20px;margin-bottom:20px;font-style:italic;font-weight:lighter}.about-text img{width:230px;height:230px;display:flex;align-items:center;border-radius:20%;margin-left:auto;margin-right:auto;margin-top:30px}.about-text .lebal{text-align:center;font-size:large}.about .stack{margin-bottom:0;color:#00cf5d}.about-headers{color:#fff;background:#1d293a;width:230px;border:.5px solid #00cf5d;height:60px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:700;margin-top:10px;margin-bottom:20px}.about .greetings{color:#00cf5d}.about .name{font-weight:700;font-size:80px}ul li{display:inline-block;margin-right:15px;font-size:24px}.about div button{border:#00cf5d 2px solid;background:inherit;height:60px;width:140px;margin-right:20px;margin-top:20px;margin-bottom:20px;font-size:larger}.about .sociallinks{height:30px;background-color:#111a28;color:#fff}.sociallinks a{display:inline-block;margin:10px}.about .sociallinks svg{width:30px;height:30px}.about .sociallinks h3{font-weight:400;margin:5px 0 10px}}.about-skill{display:block;width:100%}.skills-container{display:flex;flex-direction:row;justify-content:space-between;flex-shrink:0}.skills-rect{width:83px;height:83px;text-align:center;margin-bottom:15px;background-color:#0d2449}.skills-rect span{align-self:center}.testimonials{margin:80px auto}.Progress{display:flex;flex-direction:row;width:250px;justify-content:space-around;align-content:center;margin:60px auto}.Progress h1{font-size:60px}@media (max-width: 769px){.form p,.form h4{font-size:24px}.sociallinks{height:60px;padding:10px 0;height:70px}.sociallinks a{display:inline-block;margin:10px}.sociallinks svg{width:30px;height:30px;margin-bottom:5px}.sociallinks h3{font-weight:400;font-size:22px}.imageadd{width:100%;text-align:center}.imageadd h1{margin-bottom:20px}.imageadd video{width:100%}.contacts .form,.project .projects{margin:70px 0 0}.copyright{margin-top:20px;font-size:larger}.resume{width:100%;height:1000px;background-color:#fff;color:#000}.resume .navbar .navbars{color:#000}.resume h1,.resume h3{margin:5px 0 0}.resume .head{text-align:center}.resume .bodies{margin:5px}.resume ul{list-style:none;padding:0}.resume ul li{margin-right:10px}}@media (min-width: 769px){.container{width:98%;margin:0 auto}.form p,.form h4{font-size:24px;margin:10px}.sociallinks{height:60px;padding:10px 0;height:70px}.sociallinks a{display:inline-block;margin:10px}.sociallinks svg{width:30px;height:30px}.heading-three{font-weight:400;font-size:18px;margin:5px 0 10px}.imageadd{width:100%;text-align:center}.imageadd h1{margin-bottom:20px}.imageadd video{width:100%}.contacts .form,.project .projects{margin:70px 0 0}.contacts .form h1{margin-left:5px}.footer .sample{border-radius:0;margin:0;border:none;padding:10px 0}.resume{width:100%;height:1000px;background-color:#fff;color:#000;margin-top:0}.resume .navbar .navbars{color:#000}.resume h1,.resume h3{margin:5px 0 0}.resume .head{text-align:center}.resume .bodies{margin:5px}.resume ul{list-style:none;padding:0}.resume ul li{margin-right:10px}#contact{display:flex;flex-direction:row;justify-content:space-evenly}}.form-container{padding:5px}@media (max-width: 769px){.sample{border:1px outset rgb(129,129,129);width:100%;display:block;margin:20px auto;padding:5px}.sample img{width:100%;height:300px}.header{font-weight:lighter;color:#00cf5d;font-size:26px}.sample .skills{height:33px;background-color:#4040bf;display:inline-block}}@media (min-width: 769px){.sample{border:1px outset rgb(129,129,129);width:100%;box-sizing:border-box;display:inline-block;margin:10px;padding:5px}.sample img{width:100%;height:300px;margin:0 auto}.header{font-weight:lighter;color:#00cf5d;font-size:26px;margin-top:0;margin-bottom:0}.sample .skills{height:33px;background-color:#4040bf;display:inline-block;margin-left:5px;margin-bottom:5px;padding:5px}.upwork{width:70%;margin:10px 15%}}