@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300&display=swap);*{box-sizing:border-box;margin:0;padding:0}.container{margin:auto;max-width:1300px;padding:0 20px}.App{height:100%}.App,.about{background-color:#000}.about{max-height:650px;padding:20px 0;width:100%}.about .container .about__wrapper{align-items:center;display:flex;gap:0 100px;height:100%;max-width:1300px;padding:0 50px}.about .container .about__wrapper .about__img .aboutc{max-height:600px;width:auto}.about .container .about__wrapper .about__content{max-width:600px}.about .container .about__wrapper .about__content b{color:#fff;font-family:ivymode;font-size:48px;font-weight:500;letter-spacing:3px}.about .container .about__wrapper .about__content p{color:hsla(0,0%,100%,.671);font-family:Manrope,sans-serif;font-size:18px;font-weight:300;line-height:30px;margin-top:40px;word-spacing:4px}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{display:none}.about .container .about__wrapper .about__content span{color:#fff;font-weight:400}.about .container .about__wrapper .about__content button{background-color:#837471;border:none;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;margin-top:100px;padding:13px 50px}@media only screen and (max-width:1024px){.about{max-height:600px}.about .container .about__wrapper{gap:0 70px}.about .container .about__wrapper .about__img .aboutc{max-height:500px}.about .container .about__wrapper .about__content b{font-size:35px}.about .container .about__wrapper .about__content p{font-size:15px;margin-top:30px}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{display:none}.about .container .about__wrapper .about__content button{font-size:14px;margin-top:70px;padding:10px 45px}}@media only screen and (max-width:912px){.about{background-color:#000;max-height:500px}.about .container .about__wrapper{gap:0 50px}.about .container .about__wrapper .about__img .aboutc{max-height:450px}.about .container .about__wrapper .about__content b{font-size:33px}.about .container .about__wrapper .about__content p{font-size:15px;margin-top:20px}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{display:none}.about .container .about__wrapper .about__content button{font-size:14px;margin-top:70px;padding:10px 45px}}@media only screen and (max-width:820px){.about{background-color:#000;max-height:450px}.about .container .about__wrapper{gap:0 50px}.about .container .about__wrapper .about__img .aboutc{max-height:400px}.about .container .about__wrapper .about__content b{font-size:30px}.about .container .about__wrapper .about__content p{font-size:15px;margin-top:15px}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{display:none}.about .container .about__wrapper .about__content button{font-size:14px;margin-top:25px;padding:10px 45px}}@media only screen and (max-width:768px){.about{background-color:#000;max-height:450px}.about .container .about__wrapper{gap:0 30px}.about .container .about__wrapper .about__img .aboutc{max-height:370px}.about .container .about__wrapper .about__content b{font-size:28px}.about .container .about__wrapper .about__content p{font-size:14px;margin-top:15px}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{display:none}.about .container .about__wrapper .about__content button{font-size:14px;margin-top:20px;padding:10px 45px}}@media only screen and (max-width:720px){.about{background-color:#000;max-height:425px}.about .container .about__wrapper{gap:0 30px}.about .container .about__wrapper .about__img .aboutc{max-height:375px}.about .container .about__wrapper .about__content b{font-size:25px}.about .container .about__wrapper .about__content p{font-size:12px;margin-top:10px}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{display:none}.about .container .about__wrapper .about__content button{font-size:14px;margin-top:15px;padding:10px 45px}}@media only screen and (max-width:616px){.about{background-color:#000;max-height:340px}.about .container .about__wrapper{gap:0 30px}.about .container .about__wrapper .about__img .aboutc{max-height:300px}.about .container .about__wrapper .about__content{max-height:300px;overflow-y:scroll}.about .container .about__wrapper .about__content b{font-size:25px}.about .container .about__wrapper .about__content p{font-size:12px;margin-top:10px}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{display:none}.about .container .about__wrapper .about__content button{font-size:10px;margin-top:15px;padding:10px 45px}}@media only screen and (max-width:540px){.about{background-color:#000;max-height:655px}.about,.about .container{padding:0}.about .container .about__wrapper{display:flex;flex-direction:column-reverse;padding:0}.about .container .about__wrapper .about__img .aboutc{display:none}.about .container .about__wrapper .about__content{max-height:655px;overflow-y:visible}.about .container .about__wrapper .about__content b{font-size:25px;padding:0 20px}.about .container .about__wrapper .about__content p{font-size:12px;margin-bottom:10px;padding:0 20px}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{display:block;height:auto;max-width:540px;width:100%}.about .container .about__wrapper .about__content button{font-size:14px;margin-left:20px;margin-top:15px;padding:10px 45px}}@media only screen and (max-width:430px){.about{background-color:#000;max-height:655px}.about,.about .container{padding:0}.about .container .about__wrapper{display:flex;flex-direction:column-reverse;padding:0}.about .container .about__wrapper .about__img .aboutc{display:none}.about .container .about__wrapper .about__content{max-height:655px;overflow-y:visible}.about .container .about__wrapper .about__content b{font-size:25px;padding:0 20px}.about .container .about__wrapper .about__content p{font-size:12px;margin-bottom:10px;padding:0 20px}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{display:block;height:auto;max-width:430px;width:100%}.about .container .about__wrapper .about__content button{font-size:14px;margin-left:20px;margin-top:15px;padding:10px 45px}}@media only screen and (max-width:414px){.about,.about .container,.about .container .about__wrapper{padding:0}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{height:auto;max-width:414px;width:100%}}@media only screen and (max-width:412px){.about,.about .container,.about .container .about__wrapper{padding:0}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{height:auto;max-width:412px;width:100%}}@media only screen and (max-width:390px){.about,.about .container,.about .container .about__wrapper{padding:0}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{height:auto;max-width:390px;width:100%}}@media only screen and (max-width:376px){.about,.about .container,.about .container .about__wrapper{padding:0}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{height:auto;max-width:375px;width:100%}}@media only screen and (max-width:360px){.about,.about .container,.about .container .about__wrapper{padding:0}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{height:auto;max-width:360px;width:100%}}@media only screen and (max-width:280px){.about{max-height:710px}.about,.about .container,.about .container .about__wrapper{padding:0}.about .container .about__wrapper .about__content{max-height:710px;max-width:280px;overflow-y:visible;padding:0}.about .container .about__wrapper .about__content b{font-size:18px;padding:0 20px}.about .container .about__wrapper .about__content p{font-size:10px;margin-bottom:10px;padding:0 20px}.about .container .about__wrapper .about__content .aboutresponsive-img .aboutm{height:auto;max-width:280px;width:100%}.about .container .about__wrapper .about__content button{font-size:10px;margin-left:20px;margin-top:1px;padding:8px 40px}}.banner{background-color:#837471;height:100vh;max-height:791px;position:relative;width:100%}.banner .container .banner__wrapper{align-items:center;display:flex;justify-content:space-between;margin:-100px auto 0;max-width:1300px;padding:0 50px}.banner .container .banner__wrapper .banner__content{max-width:680px}.banner .container .banner__wrapper .banner__content h1{color:#fff;font-family:ivymode;font-size:60px;letter-spacing:4px}.banner .container .banner__wrapper .banner__content p{color:#ccc;font-family:Manrope,sans-serif;font-size:25px}.banner .container .banner__wrapper .banner__content .btns{align-items:center;display:flex;gap:0 50px;margin-top:70px}.banner .container .banner__wrapper .banner__content .btns button{align-items:center;background-color:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:20px;gap:0 10px;letter-spacing:1px;outline:none;text-transform:uppercase}.banner .container .banner__wrapper .banner__content .btns button svg{color:#ccc;font-size:15px}.banner .container .banner__wrapper .banner__content .btns button:hover svg{animation-duration:4s;animation-name:arrow;color:#fff;position:relative}@keyframes arrow{0%{left:0;top:0}25%{left:20px;top:0}}.banner .container .banner__wrapper .banner__img img{height:100vh;max-height:750px;width:auto}@media only screen and (max-width:1149px){.banner .container .banner__wrapper .banner__content{max-width:680px}.banner .container .banner__wrapper .banner__content h1{font-size:55px}}@media only screen and (max-width:1132px){.banner .container .banner__wrapper .banner__content{max-width:680px}.banner .container .banner__wrapper .banner__content h1{font-size:55px}}@media only screen and (max-width:1106px){.banner .container .banner__wrapper .banner__content h1{font-size:50px}.banner .container .banner__wrapper .banner__content p{font-size:23px}.banner .container .banner__wrapper .banner__content .btns button{font-size:18px}}@media only screen and (max-width:1048px){.banner .container .banner__wrapper .banner__content h1{font-size:45px}.banner .container .banner__wrapper .banner__content p{font-size:20px}}@media only screen and (max-width:1024px){.banner,.banner .container .banner__wrapper .banner__img img{max-height:640px}}@media only screen and (max-width:912px){.banner{max-height:645px}.banner .container .banner__wrapper .banner__content h1{font-size:38px}.banner .container .banner__wrapper .banner__content p{font-size:20px}.banner .container .banner__wrapper .banner__img img{max-height:570px}}@media only screen and (max-width:820px){.banner{max-height:560px}.banner .container .banner__wrapper .banner__content h1{font-size:31px}.banner .container .banner__wrapper .banner__content p{font-size:18px}.banner .container .banner__wrapper .banner__img img{max-height:520px}}@media only screen and (max-width:768px){.banner{max-height:500px}.banner .container .banner__wrapper .banner__img img{max-height:450px}}@media only screen and (max-width:767px){.banner{max-height:500px}.banner .container .banner__wrapper .banner__content{max-width:580px}.banner .container .banner__wrapper .banner__content h1{font-size:20px}.banner .container .banner__wrapper .banner__content p{font-size:15px}.banner .container .banner__wrapper .banner__content .btns button{font-size:10px}.banner .container .banner__wrapper .banner__img img{max-height:450px}}@media only screen and (max-width:650px){.banner{max-height:459px}.banner .container .banner__wrapper .banner__content{max-width:580px}.banner .container .banner__wrapper .banner__content h1{font-size:20px}.banner .container .banner__wrapper .banner__content p{font-size:15px}.banner .container .banner__wrapper .banner__content .btns button{font-size:10px}.banner .container .banner__wrapper .banner__img img{max-height:400px}}@media only screen and (max-width:540px){.banner{max-height:655px}.banner .container .banner__wrapper{display:flex;flex-direction:column-reverse;margin-top:-60px}.banner .container .banner__wrapper .banner__content{bottom:0;max-width:480px;padding:20px 20px 70px;position:absolute;text-align:center;z-index:1}.banner .container .banner__wrapper .banner__content h1{font-size:40px;letter-spacing:1.5px}.banner .container .banner__wrapper .banner__content p{font-size:20px}.banner .container .banner__wrapper .banner__content .btns{align-items:center;display:flex;justify-content:center;margin-top:70px}.banner .container .banner__wrapper .banner__content .btns button{font-size:20px}.banner .container .banner__wrapper .banner-bg{background:linear-gradient(180deg,#0000,#000 97%,#000);height:100%;position:absolute;width:100%}.banner .container .banner__wrapper .banner__img img{height:100vh;max-height:655px;width:auto}}@media only screen and (max-width:478px){.banner{max-height:750px}.banner .container .banner__wrapper .banner__content{bottom:0;max-width:480px;padding:20px 20px 70px;position:absolute;text-align:center;z-index:1}.banner .container .banner__wrapper .banner__content h1{font-size:40px;letter-spacing:1.5px}.banner .container .banner__wrapper .banner__content p{font-size:20px}.banner .container .banner__wrapper .banner__content .btns{align-items:center;display:flex;justify-content:center;margin-top:70px}.banner .container .banner__wrapper .banner__content .btns button{font-size:20px}.banner .container .banner__wrapper .banner-bg{background:linear-gradient(180deg,#0000,#000 97%,#000);height:100%;position:absolute;width:100%}.banner .container .banner__wrapper .banner__img img{max-height:750px}}@media only screen and (max-width:430px){.banner{max-height:651px}.banner .container .banner__wrapper .banner__content{bottom:0;max-width:480px;padding:20px 20px 70px;position:absolute;text-align:center;z-index:1}.banner .container .banner__wrapper .banner__content h1{font-size:35px;letter-spacing:1.5px}.banner .container .banner__wrapper .banner__content p{font-size:18px}.banner .container .banner__wrapper .banner__content .btns{align-items:center;display:flex;justify-content:center;margin-top:70px}.banner .container .banner__wrapper .banner__content .btns button{font-size:17px}.banner .container .banner__wrapper .banner-bg{background:linear-gradient(180deg,#0000,#000 97%,#000);bottom:0;height:100%;position:absolute;width:100%}.banner .container .banner__wrapper .banner__img img{max-height:645px}}@media only screen and (max-width:414px){.banner{max-height:656px}.banner .container .banner__wrapper .banner__img img{max-height:600px}}@media only screen and (max-width:412px){.banner{max-height:640px}.banner .container .banner__wrapper .banner__img img{max-height:600px}}@media only screen and (max-width:390px){.banner{max-height:654px}.banner .container .banner__wrapper .banner__content{bottom:35px;max-width:380px}.banner .container .banner__wrapper .banner__content h1{font-size:25px;letter-spacing:1.5px}.banner .container .banner__wrapper .banner__content p{font-size:16px}.banner .container .banner__wrapper .banner__content .btns button{font-size:14px}.banner .container .banner__wrapper .banner-bg{background:linear-gradient(180deg,#0000,#000 87%,#000);height:100%;position:absolute;width:100%}.banner .container .banner__wrapper .banner__img img{max-height:580px}}@media only screen and (max-width:376px){.banner{max-height:640px}.banner .container .banner__wrapper .banner__content{bottom:35px;max-width:380px}.banner .container .banner__wrapper .banner__content h1{font-size:30px;letter-spacing:1.5px}.banner .container .banner__wrapper .banner__content p{font-size:16px}.banner .container .banner__wrapper .banner__content .btns button{font-size:14px}.banner .container .banner__wrapper .banner-bg{background:linear-gradient(180deg,#0000,#000 87%,#000);height:100%;position:absolute;width:100%}.banner .container .banner__wrapper .banner__img img{max-height:560px}}@media only screen and (max-width:370px){.banner{max-height:648px}.banner .container .banner__wrapper .banner__content{bottom:35px;max-width:380px}.banner .container .banner__wrapper .banner__content h1{font-size:25px;letter-spacing:1.5px}.banner .container .banner__wrapper .banner__content p{font-size:16px}.banner .container .banner__wrapper .banner__content .btns button{font-size:14px}.banner .container .banner__wrapper .banner-bg{background:linear-gradient(180deg,#0000,#000 87%,#000);height:100%;position:absolute;width:100%}.banner .container .banner__wrapper .banner__img img{max-height:540px}}@media only screen and (max-width:357px){.banner{max-height:410px}.banner .container .banner__wrapper .banner__content{bottom:35px;max-width:240px}.banner .container .banner__wrapper .banner__content h1{font-size:20px;letter-spacing:1.5px}.banner .container .banner__wrapper .banner__content p{font-size:14px}.banner .container .banner__wrapper .banner__content .btns{gap:0 30px;margin-top:30px}.banner .container .banner__wrapper .banner__content .btns button,.banner .container .banner__wrapper .banner__content .btns button svg{font-size:10px}.banner .container .banner__wrapper .banner__img img{max-height:417px}}.navbar{justify-content:space-between;padding-top:20px}.navbar,.navbar .contact{align-items:center;display:flex}.navbar .contact{gap:0 40px}.navbar .contact a{color:#000;font-size:26px}.sidebar{display:none}@media only screen and (max-width:912px){.navbar-bg .container .navbar .contact a{font-size:23px}.navbar-bg .container .sidebar{display:none}}@media only screen and (max-width:540px){.navbar-bg .container .navbar{display:none}.navbar-bg .container .sidebar{cursor:pointer;display:flex;font-size:30px;justify-content:flex-end;padding-right:15px;padding-top:20px}}@media only screen and (max-width:376px){.navbar-bg .container .navbar{display:none}.navbar-bg .container .sidebar{cursor:pointer;display:flex;font-size:30px;justify-content:flex-end;padding-top:20px}}@media only screen and (max-width:357px){.navbar-bg .container .navbar{display:none}.navbar-bg .container .sidebar{cursor:pointer;display:flex;font-size:20px;justify-content:flex-end;padding-top:20px}}.subnav-bg{background-color:#000;bottom:-10px;height:150px;position:absolute;width:100%}.subnav-bg .subnav{align-items:first baseline;display:flex;height:150px;justify-content:space-between;padding-top:35px}.subnav-bg .subnav a{color:#fff;font-family:ivymode;font-size:30px;letter-spacing:1px;padding-bottom:10px;text-decoration:none;transition:.3s}.subnav-bg .subnav a:hover{border-bottom:2px solid #fff;border-radius:2px;transform:scaleX(1)}@media only screen and (max-width:1112px){.subnav-bg{background-color:#000;bottom:0;height:130px;position:absolute;width:100%}.subnav-bg .subnav{align-items:first baseline;display:flex;height:130px;justify-content:space-between;padding-top:35px}.subnav-bg .subnav a{color:#fff;font-family:ivymode;font-size:25px;letter-spacing:1px;padding-bottom:10px;text-decoration:none;transition:.3s}.subnav-bg .subnav a:hover{border-bottom:2px solid #fff;border-radius:2px;transform:scaleX(1)}}@media only screen and (max-width:1024px){.subnav-bg{background-color:#000;bottom:0;height:130px;position:absolute;width:100%}.subnav-bg .subnav{align-items:first baseline;display:flex;height:130px;justify-content:space-between;padding-top:35px}.subnav-bg .subnav a{color:#fff;font-family:ivymode;font-size:25px;letter-spacing:1px;padding-bottom:10px;text-decoration:none;transition:.3s}.subnav-bg .subnav a:hover{border-bottom:2px solid #fff;border-radius:2px;transform:scaleX(1)}}@media only screen and (max-width:720px){.subnav-bg{background-color:#000;bottom:0;height:110px;position:absolute;width:100%}.subnav-bg .subnav{align-items:first baseline;display:flex;height:110px;justify-content:space-between;padding-top:35px}.subnav-bg .subnav a{color:#fff;font-family:ivymode;font-size:20px;letter-spacing:1px;padding-bottom:10px;text-decoration:none;transition:.3s}.subnav-bg .subnav a:hover{border-bottom:2px solid #fff;border-radius:2px;transform:scaleX(1)}}@media only screen and (max-width:540px){.subnav-bg{display:none}}@font-face{font-family:ivymode;src:local("ivymode"),url(/static/media/ivy-mode-6.bd7ba1ec86f59a011535.ttf) format("truetype")}.skills{background-color:#000;height:100%;margin-top:100px;padding-bottom:100px}.skills .container .skills__wrapper h2{color:#fff;font-family:ivymode;font-size:45px;letter-spacing:1.5px;text-align:center}.skills .container .skills__wrapper .cart__wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:50px}.skills .container .skills__wrapper .cart__wrapper .cart{align-items:center;background-color:rgba(87,87,87,.365);border-radius:10px;box-shadow:0 7px 29px 0 rgba(96,96,96,.595);display:flex;flex-direction:column;gap:10px 0;height:150px;justify-content:center;width:210px}.skills .container .skills__wrapper .cart__wrapper .cart h4{color:#e8dedc;font-family:Manrope,sans-serif}.skills .container .skills__wrapper .cart__wrapper .cart .circle{border:4px solid #816b66;border-radius:50%;padding:20px}.skills .container .skills__wrapper .cart__wrapper .cart .circle svg{color:#e8dedc;font-size:40px}.skills .container .skills__wrapper .cart__wrapper .cart:hover{background-color:hsla(0,0%,50%,.506);transition:.7s}
/*# sourceMappingURL=main.976e7429.css.map*/