@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500&family=Poppins:wght@300;600;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,500&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:#141414;background:var(--bg-dark);font-family:Poppins,sans-serif;overflow-x:hidden;scroll-behavior:smooth}:root{--green-color:#abf129;--bg-dark:#141414;--bg-light:#f5f5f5}.App{overflow-x:hidden}.loader{align-items:center;background:#141414;background:var(--bg-dark);display:flex;height:110%;justify-content:center;position:fixed;width:100%;z-index:1001}.loader h2{color:#fff;font-size:40px;position:fixed;top:40vh}.loader h2 span{-webkit-animation:bounce2 2s ease infinite;animation:bounce2 2s ease infinite;background:#abf129;background:var(--green-color);border-radius:50%;bottom:18px;height:10px;left:-20px;position:absolute;width:10px;z-index:1000}@-webkit-keyframes bounce2{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce2{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.navbar{background:var(--bg-dark);border-bottom:1px solid #5f5f5fb9;color:#181818;display:flex;justify-content:space-between;padding:25px 10vw;position:relative;text-align:center;top:0;width:100%}.navbar a{color:#fff;font-weight:600;position:relative}.navbar .logo{color:#fff;font-size:23px;font-weight:700}.navbar .logo span{color:var(--green-color)}a{color:#181818;text-decoration:none}.navbar .menu{-webkit-column-gap:40px;column-gap:40px}.navbar .contact-info,.navbar .menu{align-items:center;display:flex;justify-content:center}.navbar .contact-info{-webkit-column-gap:50px;column-gap:50px}.navbar .contact-info a:hover{text-decoration:underline}@media (max-width:820px){.navbar .contact-info{gap:35px;margin-top:5px}.navbar .contact-info a{font-size:14px}.navbar .contact-info{margin-top:5px}.navbar .contact-info a{font-size:12px}}@media (max-width:500px){.navbar .logo{font-size:16px}.navbar .contact-info{gap:18px;margin-top:8px}.navbar .contact-info a{font-size:9px;font-size:8px}}.navbar .menu-btn{align-items:center;background:var(--green-color);border:none;border-radius:50%;color:#292929;cursor:pointer;display:flex;display:none;font-size:11px;font-weight:800;height:60px;justify-content:center;width:60px;z-index:1000}@media (max-width:991px){.navbar .menu{display:none}.navbar .menu-btn{display:flex}.navbar{padding-block:16px}.navbar .logo{margin-top:10px}}.navbar .mobile-menu{align-items:center;background:#ededed;color:var(--bg-light);height:100vh;left:0;padding-block:13vh;position:fixed;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);width:100vw;z-index:999}.navbar .mobile-menu,.navbar .mobile-menu .links{display:flex;flex-direction:column;justify-content:flex-start}.navbar .mobile-menu .links{border-bottom:1px solid #353535;padding-bottom:30px;padding-left:8%;position:relative;row-gap:30px;text-align:left;width:100%}.navbar .mobile-menu .contact a,.navbar .mobile-menu .links a{color:var(--bg-dark);font-size:40px;transition:.3s}.navbar .mobile-menu .links a:hover{-webkit-transform:translateX(3%);transform:translateX(3%)}.navbar .mobile-menu .links a:hover:before{display:none}.navbar .mobile-menu .contact{display:flex;flex-direction:column;justify-content:flex-start;margin-top:30px;padding-bottom:30px;position:relative;row-gap:30px;text-align:left;width:100%}.navbar .mobile-menu .contact a:hover{text-decoration:underline}.navbar .mobile-menu .contact a:hover:before{display:none}.navbar .mobile-menu .contact a{border-bottom:1px solid #353535;padding-bottom:15px;padding-left:8%;transition:.2s}@media (max-width:710px){.navbar .mobile-menu .contact a,.navbar .mobile-menu .links a{font-size:20px}}.navbar .mobile-menu .socials{color:#000;display:flex;gap:20px;padding-left:8%;text-align:left;width:100%}.navbar .mobile-menu .socials a:hover:before{display:none}.navbar .mobile-menu .socials i{color:#000}.hero{border-bottom:1px solid #5f5f5fb9;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;padding:12vh 10vw 6vw;position:relative}.hero .home-text{height:350px;width:750px}.hero .hero-content h1{color:#181818;font-size:80px;font-weight:700;line-height:6vw}.hero .hero-content{-webkit-column-gap:3vw;column-gap:3vw;display:flex}.hero .hero-content .designer,.hero .hero-content .developer{position:relative}.hero .hero-image{position:relative;-webkit-transform:rotate(9deg);transform:rotate(9deg)}.hero .hero-content .hero-text-shape{height:30px;margin-left:20px;width:8vw}.hero .hero-btn{align-items:center;display:flex;font-size:20px;gap:30px;margin-top:40px}.hero .hero-btn .btn-contact{background:transparent;border:1px solid #f7f7f7;border-radius:30px;color:#fff;font-weight:600;overflow:hidden;padding:10px 33px;position:relative;transition:all .1s;z-index:1}.hero .hero-btn .btn-cv{color:#fff;font-size:17px;font-weight:600}.hero .hero-btn .btn-cv .bi{color:var(--green-color);font-size:20px;transition:.2s}.hero .hero-btn .btn-cv:hover{text-decoration:underline}@media (min-width:821px){.hero .hero-btn{margin-top:25px}.hero .hero-btn .btn-contact{font-size:28px}.hero .hero-btn .btn-cv,.hero .hero-btn .btn-cv .bi{font-size:30px}}.hero .hero-btn .btn-contact:hover{border:1px solid var(--green-color)}.hero .right-info{display:flex;flex-direction:column;position:absolute;right:10%;row-gap:100px;top:30vh}.hero .right-info .socials{display:flex;flex-direction:column;gap:10px;margin-left:10px}.hero .right-info .socials a i{color:#fff;font-size:22px;transition:.2s}.hero .right-info .socials a:hover i{color:var(--green-color)}@media (max-width:1150px){.hero .right-info{display:none}}.hero .right-info .scroll-down{align-items:center;border:1px solid #fff;border-radius:30px;display:flex;height:70px;justify-content:center;width:40px}.hero .right-info .scroll-down svg{-webkit-animation:bounce 1.5s ease infinite;animation:bounce 1.5s ease infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}60%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}60%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@media (max-width:900px){.hero .home-text{width:700px}}@media (max-width:820px){.hero .home-text{height:200px;width:500px}}@media (max-width:715px){.hero .home-text{width:400px}.hero .hero-image #image{height:260px}.hero .hero-btn{margin-top:10px}.hero .hero-btn .btn-contact{font-size:11px}.hero .hero-btn .btn-cv{font-size:13px}.hero .hero-btn .btn-cv .bi{font-size:15px}}@media (max-width:580px){.hero{padding-block:9vh}.hero .home-text{width:350px}.hero .hero-image{right:-20px;top:8vh}.hero .hero-image #image{height:200px}.hero .hero-btn{margin-top:-5px}.hero .hero-btn .btn-contact{font-size:11px}.hero .hero-btn .btn-cv{font-size:13px}.hero .hero-btn .btn-cv .bi{font-size:15px}}@media (max-width:500px){.hero .hero-image{display:none}}@media (max-width:400px){.hero{padding-block:5vh;padding-bottom:9vh}.hero .home-text{width:280px}.hero .hero-image{right:-20px;top:8vh}.hero .hero-image #image{height:200px}.hero .hero-btn{gap:25px;margin-top:-18px}.hero .hero-btn .btn-contact{font-size:13px;padding:6px 20px}.hero .hero-btn .btn-cv,.hero .hero-btn .btn-cv .bi{font-size:13px}}.container{margin-top:120px}.container .head{margin-left:10vw;position:relative}.container .head svg{transition:.2s}.container .head svg:hover{rotate:10deg}@media (max-width:400px){.container .head{height:90px;width:90px}.container .head h3{font-size:14px}}.about-skills{display:flex;flex-direction:column;flex-wrap:wrap;gap:100px;justify-content:space-between;margin-top:5vw;padding-inline:10vw;width:100%}.about-skills .dot{color:var(--green-color)}.about-skills .about{color:var(--bg-light);min-height:350px;position:relative;width:90%}.about-skills .about .about-title h2{font-size:50px;font-weight:600}.about-skills .about .about-content{margin-top:10px}.about-skills .about .about-content .img-socials{align-items:center;-webkit-column-gap:40px;column-gap:40px;display:flex;margin-block:40px}.about-skills .about .about-content .img-socials img{border-radius:50%;height:90px;width:90px}.about-skills .about .about-content .img-socials .socials{-webkit-column-gap:20px;column-gap:20px;display:flex}.about-skills .about .about-content .img-socials .socials .bi{color:#fff;font-size:25px;transition:.1s}.about-skills .about .about-content .img-socials .socials .bi:hover{color:var(--green-color)}.about-skills .about .about-content .text{margin-top:6px}.about-skills .about .about-content .text p{font-size:45px;letter-spacing:1px;line-height:60px;margin-top:15px}.about-skills .about .about-content .text .degree{font-size:35px;font-style:italic;font-weight:600;margin-top:30px}.about-skills .about .about-content .text .degree span{cursor:pointer;font-weight:500;text-decoration:underline}.about-skills .about .about-content .text p span.playfair{font-family:Playfair Display,serif;font-style:italic;font-weight:500}.about-skills .skills{position:relative;width:60%}.about-skills .skills .field{margin-top:40px;position:relative}.about-skills .skills .field p{color:#fff;font-size:25px}.about-skills .skills .field .dot{color:var(--green-color);font-size:50px}.about-skills .skills .skills-title h2{color:var(--bg-light);font-size:50px;font-weight:600}.about-skills .skills .skills-content{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px}.about-skills .skills .skills-content p{border:1px solid #dfdfdf;border-radius:20px;color:#fff;cursor:pointer;font-size:22px;padding:4px 20px;transition:.1s}.about-skills .skills .skills-content p:hover{background:var(--green-color);border-color:var(--bg-dark);color:var(--bg-dark);font-weight:600}@media (max-width:1250px){.about-skills .skills{width:100%}}@media (max-width:450px){.about-skills{gap:50px;padding-inline:6vw}.container{margin-top:70px}.about-skills .about .about-content .text p{font-size:25px;line-height:40px;margin-top:7px}.about-skills .about .about-content .text .degree{font-size:18px}.about-skills .about .about-content .socials{margin-top:20px}.about-skills .about .about-content .socials .bi{font-size:20px}}@media (max-width:470px){.about-skills{margin-top:40px}.about-skills .skills{min-height:320px}.about-skills .skills .skills-content p{font-size:11px}.about-skills .skills .field{font-size:10px}}@media (max-width:415px){.about-skills .skills{min-height:320px}.about-skills .skills .skills-content p{font-size:12px}.about-skills .skills .skills-content{gap:8px}.about-skills .skills .field p{font-size:13px}}@media (max-width:351px){.about-skills .skills .field{font-size:9px}}@media (max-width:324px){.about-skills .skills .skills-content p{font-size:8px}}.main{border:1px solid var(--bg-light);height:60px;margin-top:20vh;overflow:hidden;padding-block:50px;width:115%}.Bar,.main{align-items:center;display:flex;left:-30px;position:relative}.Bar{background:var(--bg-dark);gap:50px;justify-content:flex-end}.Bar .slide{-webkit-animation:slide 15s linear infinite;animation:slide 15s linear infinite;display:flex;gap:80px;justify-content:space-between}.Bar .slide .skill{height:50px;width:50px}@media (max-width:400px){.Bar .slide .skill{height:30px;width:30px}.Bar .slide{gap:40px;-webkit-transform:translateX(-58px);transform:translateX(-58px)}}.hero-bar{border-bottom:1px solid #4e4e4e;height:60px;left:-30px;margin-bottom:50px;margin-top:0;overflow:hidden;position:relative;width:115%}.hero-bar,.hero-bar .slide{align-items:center;display:flex;justify-content:center}.hero-bar .slide{-webkit-animation:slide 15s linear infinite;animation:slide 15s linear infinite;color:#fff;font-size:20px;gap:60px}.hero-bar .slide span{background:var(--green-color);border-radius:50%;height:15px;width:15px}.hero-bar .slide p{white-space:nowrap}.hero-bar .slide p i{color:var(--green-color);font-size:22px}.hero-bar .slide .two{margin-right:60px}.Projects{margin-top:150px;padding-inline:9vw;position:relative}.Projects .title{color:#fff;font-size:40px;font-weight:600;margin-bottom:50px;position:relative}.Projects .title span{color:var(--green-color);font-size:50px}.Projects h3{color:#fff;font-weight:600;letter-spacing:1px;margin-top:50px;text-align:center}.Projects .head svg{transition:.2s}.Projects .head svg:hover{-webkit-transform:rotate(10deg);transform:rotate(10deg)}.Projects .cards-container{grid-gap:50px;display:grid;flex-wrap:wrap;gap:50px;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));margin-top:50px}.Projects .cards-container .card{background:var(--bg-dark);border-radius:18px}.Projects .cards-container .card .image{border-radius:5px;overflow:hidden;padding:0;position:relative;width:100%}.Projects .cards-container .card .image .img-loader{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;border:6px solid #fff;border-radius:50%;border-top-color:transparent;height:60px;left:45%;position:absolute;top:40%;width:60px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Projects .cards-container .card .image:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.Projects .cards-container .card .image img{border-radius:5px;height:100%;transition:.3s;width:100%}.Projects .cards-container .card .image .btn{background:var(--green-color);border-radius:20px;bottom:15px;font-size:15px;font-weight:600;padding:4px 14px;position:absolute;right:15px}.Projects .cards-container .card .image .btn .bi{margin-left:4px}.Projects .cards-container .card .info{align-items:center;display:flex;margin-top:25px;padding-left:10px;position:relative;width:100%}.Projects .cards-container .card .info .tools{display:flex;flex-wrap:wrap;gap:10px;width:100%}.Projects .cards-container .card .info .tools p{border:1px solid #fff;border-radius:20px;color:#fff;font-size:13px;letter-spacing:1px;padding:5px 20px}@media (max-width:600px){.Projects{margin-top:65px;padding-inline:8vw}}@media (max-width:400px){.Projects .cards-container .card .image .btn{font-size:11px}}@media (max-width:583px){.Projects .cards-container .card .info .tools p{font-size:11px}}@media (max-width:500px){.Projects .cards-container .card{height:320px}.Projects .cards-container .card .info .tools p{font-size:9px}}@media (max-width:445px){.Projects .cards-container .card{height:270px}}@media (max-width:700px){.Projects .cards-container .card{width:85vw}}.Box-container{margin-top:100px}.Box-container,.Box-container .Box{align-items:center;display:flex;justify-content:center;position:relative}.Box-container .Box{background:transparent;border:2px solid #fff;border-radius:15px;flex-direction:column;min-width:310px;padding:40px;text-align:center;width:60%}.Box-container .Box .title{color:#fff;font-size:40px;letter-spacing:2px}.Box-container .Box .buttons{display:flex;flex-direction:column;gap:30px;margin-top:40px;width:200px}.Box-container .Box .buttons .btn{background:var(--green-color);border-radius:20px;color:#000;font-size:13px;font-weight:600;padding-block:10px;padding-inline:18px;transition:.2s}.Box-container .Box .buttons .btn:nth-child(2){background:transparent;border:1px solid var(--green-color);color:#fff}.Footer{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:90px;padding:20px 10vw;position:relative}.Footer .right{color:#929191}.Footer .socials .bi{color:#929191;font-size:15px;transition:.2s}.Footer .socials .bi:hover{color:var(--green-color)}@media (max-width:400px){.Footer .right{font-size:12px}}.Footer .socials{color:#fff;display:flex;gap:15px}.Footer .socials i{color:#fff;font-size:17px}.footer-bar{border-top:1px solid #4e4e4e;height:50px;left:-30px;margin-top:0;overflow:hidden;position:relative;width:115%}.footer-bar,.footer-bar .slide{align-items:center;display:flex;justify-content:center}.footer-bar .slide{-webkit-animation:slide 15s linear infinite;animation:slide 15s linear infinite;color:#fff;font-size:20px;gap:60px}.footer-bar .slide span{background:var(--green-color);border-radius:50%;height:15px;width:15px}.footer-bar .slide p{white-space:nowrap}.footer-bar .slide p i{color:var(--green-color);font-size:22px}.footer-bar .slide .two{margin-right:60px}@-webkit-keyframes slide{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-300%);transform:translate(-300%)}}@keyframes slide{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-300%);transform:translate(-300%)}}
/*# sourceMappingURL=main.e70cc1e0.css.map*/