@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap);.header{background-color:#5b6068;border-radius:90px;-webkit-border-radius:90px;-moz-border-radius:90px;color:#fff;justify-content:space-between;left:50px;max-height:80px;padding:10px 50px;position:fixed;right:50px;top:40px;z-index:999}.header,.header .header__logo{align-items:center;display:flex}.header .header__logo{cursor:pointer;gap:10px}.header .header__logo span{font-size:15px;font-weight:600;line-height:18px}.header .mobile-menu{display:none}.header .header__navbar{display:flex;flex-direction:row;gap:20px}.header .header__navbar a{color:#fff;cursor:pointer;font-size:15px;font-weight:700px;position:relative}.header .header__navbar a div{background-color:#68e0cf;border-radius:50%;display:none;height:5px;left:50%;position:absolute;top:-5px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:5px}.header .header__navbar a:hover{color:#68e0cf}.header .header__navbar a:hover div{-webkit-animation:bounceAndDrop .5s ease-in-out infinite;animation:bounceAndDrop .5s ease-in-out infinite;display:block}@-webkit-keyframes bounceAndDrop{0%,to{top:-5px}50%{top:-10px}}@keyframes bounceAndDrop{0%,to{top:-5px}50%{top:-10px}}.header .header__navbar .header__navbar--active{color:#68e0cf}.header .mobile-nav{position:absolute;visibility:hidden;width:0}.header .overlay{display:none}@media screen and (max-width:1200px){.header{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;left:0;right:0;top:0;width:100%}.header .mobile-menu{align-items:center;background-color:transparent;border:1px solid #fff;border-radius:50%;display:flex;outline:none;padding:10px}.header .mobile-menu svg{fill:#fff}.header .header__navbar{display:none}.header .mobile-nav{-webkit-animation:fadeInFromCorner .5s ease-in-out;animation:fadeInFromCorner .5s ease-in-out;background-color:#5b6068;position:absolute;right:0;top:65px;-webkit-transform-origin:top right;transform-origin:top right;transition:.3s ease-in-out;visibility:visible;width:45%;z-index:20}.header .mobile-nav a{display:block;font-weight:600;padding:20px 0;text-align:center;width:100%}@-webkit-keyframes fadeInFromCorner{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInFromCorner{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fadeOutToCorner{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes fadeOutToCorner{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}.header .overlay{background-color:transparent;bottom:0;display:block;left:0;position:fixed;right:0;top:0}}.hero{height:85vh;overflow:visible;padding-top:50px;position:relative;z-index:10}.hero .hero__heading-wrapper{margin-left:-80px;padding-top:150px}.hero .hero__heading-wrapper .hero__heading{background-color:#373b40;border-bottom-left-radius:50px;border-top-left-radius:50px;color:#fff;font-weight:700;padding:20px}.hero .hero__content{padding:0 20px 20px 50px}.hero .hero__content .hero__subheading{color:#68e0cf;font-weight:300;margin:5px 0}.hero .hero__content .hero__text{font-size:14px;font-weight:300;margin-top:10px}@media screen and (max-width:1200px){.hero{height:auto;padding:0 50px 70px}.hero .hero__heading-wrapper{margin-left:0;padding-top:0}.hero .hero__heading-wrapper .hero__heading{background-color:#373b40;border-bottom-left-radius:0;border-top-left-radius:360px;border-top-right-radius:360px;color:#fff;font-weight:700;margin:-120px auto 0;padding:70px 35px 30px;text-align:center;width:400px}.hero .hero__content{padding:0 50px 20px}}@media screen and (max-width:720px){.hero .hero__heading-wrapper .hero__heading{margin-top:-100px;padding:45px 15px 15px}.hero .hero__content .hero__subheading,.hero .hero__content .hero__text{text-align:center}}@media screen and (min-width:320px)and (max-width:480px){.hero{padding:0 0 50px}}.about{border-top:1px solid #5b6068;padding:30px 0 50px 50px}.about .about__subheading{color:#68e0cf;font-weight:300;margin-bottom:30px}.about .about__paragraph-container{font-size:14px;font-weight:300}.about .about__paragraph-container .paragraph-container__first-p{display:block;float:left;margin-right:20px;width:calc(50% - 10px)}.about .about__paragraph-container .paragraph-container__second-p{display:block;float:right;margin-bottom:20px;width:calc(50% - 10px)}.about .about__paragraph-container .paragraph-container__forth-p,.about .about__paragraph-container .paragraph-container__third-p{clear:both;display:block;margin-bottom:20px;width:100%}.about .about__information{display:flex;gap:10px;justify-content:space-between;width:50%}.about .about__information .about__information-col--first,.about .about__information .about__information-col--second{font-weight:300}.about .about__information .about__information-col--first div,.about .about__information .about__information-col--second div{margin-bottom:10px}.about .about__information .about__information-col--first div h4,.about .about__information .about__information-col--second div h4{color:#68e0cf}.about .about__information .about__information-col--first div p,.about .about__information .about__information-col--second div p{font-size:12px}@media screen and (max-width:1200px){.about{padding:30px 100px 50px}}@media screen and (max-width:720px){.about .about__heading,.about .about__subheading{text-align:center}.about .about__paragraph-container .paragraph-container__first-p,.about .about__paragraph-container .paragraph-container__second-p{clear:both;margin:0 0 20px;width:100%}.about .about__paragraph-container .paragraph-container__first-p,.about .about__paragraph-container .paragraph-container__forth-p,.about .about__paragraph-container .paragraph-container__second-p,.about .about__paragraph-container .paragraph-container__third-p{text-align:center}.about .about__information{margin:0 auto;width:80%}}@media screen and (min-width:320px)and (max-width:480px){.about{padding:30px 50px 50px}.about .about__subheading{margin-bottom:20px}.about .about__paragraph-container .paragraph-container__first-p,.about .about__paragraph-container .paragraph-container__forth-p,.about .about__paragraph-container .paragraph-container__second-p,.about .about__paragraph-container .paragraph-container__third-p{margin-bottom:10px}.about .about__information{width:100%}}.education{border-top:1px solid #5b6068;padding:30px 0 50px 50px}.education .education__subheading{color:#68e0cf;font-weight:300;margin-bottom:30px}.education .education__organization{margin-bottom:30px}.education .education__organization .education__organization-header{display:flex;margin-bottom:10px;position:relative}.education .education__organization .education__organization-header .education__organization-header-time{color:#68e0cf;display:inline-block;font-size:11px;font-weight:600;left:30px;position:absolute;top:25px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:bottom left;transform-origin:bottom left}.education .education__organization .education__organization-header h4{color:#68e0cf;margin:0 0 0 40px}.education .education__organization .education__organization-header h4 em{color:#fff}.education .education__organization .education__organization-description h4{color:#68e0cf}.education .education__certificates .education__certificates-text{font-weight:300;margin-bottom:10px}.education .education__certificates .education__certificates-text a{color:#68e0cf;font-style:italic}.education .education__certificates .education__certificates-text a:hover{text-decoration:underline}.education .education__certificates .education__certificates-container{display:flex;flex-wrap:wrap;gap:20px}.education .education__certificates .education__certificates-container .certificates-container__img-wrapper{height:200px;overflow:hidden;width:40%}.education .education__certificates .education__certificates-container .certificates-container__img-wrapper img{object-fit:contain;width:100%}.education .education__certificates .education__certificates-container .certificates-container__img-wrapper img:hover{-webkit-transform:scale(1.6);transform:scale(1.6)}@media screen and (max-width:1200px){.education{padding:30px 100px 50px}.education .education__certificates .education__certificates-text{text-align:center}.education .education__certificates .education__certificates-container .certificates-container__img-wrapper{height:280px}}@media screen and (max-width:720px){.education .education__heading,.education .education__subheading{text-align:center}.education .education__organization{margin:0 auto 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.education .education__certificates .education__certificates-container{justify-content:center}.education .education__certificates .education__certificates-container .certificates-container__img-wrapper{height:150px}}@media screen and (min-width:320px)and (max-width:480px){.education .education__subheading{margin-bottom:20px}.education .education__certificates .education__certificates-container{flex-direction:column}.education .education__certificates .education__certificates-container .certificates-container__img-wrapper{height:200px;width:100%}}.skill__wrapper{background-color:#5b6068;border:2px solid #68e0cf;border-radius:50%;height:120px;overflow:hidden;padding:20px;position:relative;width:120px}.skill__wrapper img{object-fit:cover;width:100%}.skill__wrapper .skill__wrapper-description{background-color:#68e0cf;border-radius:5px;cursor:default;display:none;left:50%;padding:5px 10px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.skill__wrapper:hover .skill__wrapper-description{-webkit-animation:flyIn .5s ease-in-out;animation:flyIn .5s ease-in-out;display:block}@-webkit-keyframes flyIn{0%{opacity:0;top:60%}70%{opacity:.7;top:45%}to{opacity:1;top:50%}}@keyframes flyIn{0%{opacity:0;top:60%}70%{opacity:.7;top:45%}to{opacity:1;top:50%}}@media screen and (max-width:1200px){.skill__wrapper{height:100px;width:100px}}@media screen and (min-width:320px)and (max-width:480px){.skill__wrapper{height:80px;width:80px}}.skills{border-top:1px solid #5b6068;padding:30px 0 50px 50px}.skills .skills__subheading{color:#68e0cf;font-weight:300;margin-bottom:30px}.skills .skills__container{display:flex;flex-wrap:wrap;gap:20px}@media screen and (max-width:1200px){.skills{padding:30px 100px 50px}}@media screen and (max-width:720px){.skills .skills__heading,.skills .skills__subheading{text-align:center}.skills .skills__container{justify-content:center}}@media screen and (min-width:320px)and (max-width:480px){.skills{padding:30px 50px 50px}}@media screen and (min-width:320px)and (max-width:480px)and (min-width:320px)and (max-width:480px){.skills .skills__subheading{margin-bottom:20px}}.experience{border-top:1px solid #5b6068;padding:30px 0 50px 50px}.experience .experience__subheading{color:#68e0cf;font-weight:300;margin-bottom:30px}.experience .working__organization{margin-bottom:30px}.experience .working__organization .working__organization-header{display:flex;margin-bottom:10px;position:relative}.experience .working__organization .working__organization-header .working__organization-header-time{color:#68e0cf;display:inline-block;font-size:11px;font-weight:600;left:30px;position:absolute;top:25px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:bottom left;transform-origin:bottom left}.experience .working__organization .working__organization-header h4{color:#68e0cf;margin:0 0 0 40px}.experience .working__organization .working__organization-header h4 em{color:#fff}.experience .working__organization .working__organization-description h4{color:#68e0cf}.experience .working__description{margin-top:50px}.experience .working__description h3{font-weight:300;margin-bottom:15px}.experience .working__description h3 b{color:#68e0cf}.project-card{background-color:#5b6068;border-radius:10px;padding:10px 10px 20px;width:350px}.project-card .project-card__img-wrap{border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:10px;overflow:hidden;width:100%}.project-card .project-card__img-wrap img{border-top-left-radius:5px;border-top-right-radius:5px;object-fit:cover;transition:all alternate .5s ease-in;width:100%}.project-card .project-card__img-wrap:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.project-card .project-card__meta{font-size:14px;padding:0 10px}.project-card .project-card__meta .project-card__meta-name{color:#68e0cf;margin-bottom:10px;text-align:center}.project-card .project-card__meta .project-card__meta-description{font-weight:300;margin-bottom:10px}.project-card .project-card__meta .project-card__meta-technology{margin-bottom:10px}.project-card .project-card__meta .project-card__meta-technology span:first-child{color:#68e0cf}.project-card .project-card__meta .project-card__meta-technology ul{margin-left:20px;width:80%}.project-card .project-card__meta .project-card__meta-code{align-items:center;display:flex}.project-card .project-card__meta .project-card__meta-code svg{margin-left:5px}.project-card .project-card__meta .project-card__meta-code:hover{-webkit-animation:shake .5s ease-in-out forwards;animation:shake .5s ease-in-out forwards;color:#68e0cf}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}33%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}66%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}33%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}66%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media screen and (max-width:1200px){.project-card{width:300px}}@media screen and (max-width:720px){.project-card{width:250px}}@media screen and (min-width:320px)and (max-width:480px){.project-card{width:300px}}.projects{border-top:1px solid #5b6068;padding:30px 0 50px 50px}.projects .projects__subheading{color:#68e0cf;font-weight:300;margin-bottom:30px}.projects .projects__description{font-size:12px;font-style:italic;font-weight:300;margin-bottom:30px}.projects .projects__container{display:flex;flex-wrap:wrap;gap:20px}@media screen and (max-width:1200px){.projects{padding:30px 100px 50px}}@media screen and (max-width:720px){.projects .projects__description,.projects .projects__heading,.projects .projects__subheading{text-align:center}.projects .projects__container{justify-content:center}}@media screen and (min-width:320px)and (max-width:480px){.projects{padding:30px 50px 50px}.projects .projects__subheading{margin-bottom:20px}}.contact{border-top:1px solid #5b6068;padding:30px 0 50px 50px}.contact .contact__heading span:last-child{color:#68e0cf}.contact .contact__subheading{color:#68e0cf;font-weight:300;margin-bottom:30px}.contact .contact__fast{display:flex;justify-content:space-evenly;margin:0 auto 20px}.contact .contact__fast .contact__method{align-items:center;display:flex}.contact .contact__fast .contact__method svg{fill:#68e0cf;margin-right:5px}.contact .contact__fast .contact__method:hover{text-decoration:underline}.contact p{font-size:14px;font-weight:300}.contact .contact__send-message{margin-top:20px}.contact .contact__send-message form{display:flex;flex-direction:column;margin:0 auto;width:80%}.contact .contact__send-message form input,.contact .contact__send-message form textarea{border-radius:10px;caret-color:#68e0cf;margin-bottom:10px;outline:none;padding:5px 10px}.contact .contact__send-message form button{border:none;border-radius:10px;cursor:pointer;font-size:18px;outline:none;padding:5px 0}.contact .contact__send-message form button:hover{background-color:#68e0cf;color:#fff}@media screen and (max-width:1200px){.contact{padding:30px 100px 50px}}@media screen and (max-width:720px){.contact .contact__heading,.contact .contact__subheading,.contact p{text-align:center}}@media screen and (min-width:320px)and (max-width:480px){.contact{padding:30px 50px 50px}.contact .contact__subheading{margin-bottom:20px}.contact .contact__fast{font-size:14px}.contact p{font-size:12px}.contact .contact__send-message form{width:100%}}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}*,body{font-family:Poppins,sans-serif}body{background-color:#373b40;color:#fff;overflow-x:hidden}::-webkit-scrollbar{display:none}a{color:#fff;text-decoration:none}.App{overflow:hidden;width:100%}.App .wrapper{background-color:#373b40;margin-left:40%;margin-right:80px;margin-top:100px;position:relative}.App .wrapper .background-bg{height:100%;left:0;position:fixed;top:0;width:40%}.App .wrapper .background-bg .background-bg__wrapper{clip-path:circle(75% at 10% 45%);-webkit-clip-path:circle(75% at 10% 45%);height:100%;left:0;position:absolute;top:0;width:100%}.App .wrapper .background-bg .background-bg__wrapper .background-bg__image{height:100%;object-fit:cover;width:100%}.App .wrapper .footer{margin:10px 0;padding-left:50px;text-align:center}.App .wrapper .footer span{color:#68e0cf;font-weight:600}@media screen and (max-width:1200px){.App .wrapper{margin:0}.App .wrapper .background-bg{height:70vh;position:relative;width:100%}.App .wrapper .background-bg .background-bg__wrapper{clip-path:circle(100% at 50% 0);-webkit-clip-path:circle(100% at 50% 0)}}@media screen and (max-width:720px){.App .wrapper .footer{padding:0}}
/*# sourceMappingURL=main.de947520.css.map*/