@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);:root{--font-base:"DM Sans",sans-serif;--primary-color:#edf2f8;--secondary-color:#313bac;--black-color:#030303;--lightGray-color:#e4e4e4;--gray-color:#6b7688;--brown-color:#46364a;--white-color:#fff}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{overflow-x:hidden}.app{background-color:var(--primary-color);font-family:var(--font-base)}.app__whitebg{background-color:var(--white-color)}.app__primarybg{background-color:var(--primary-color)}.app__container{display:flex;flex-direction:row;min-height:100vh;width:100%}.app__flex{align-items:center;display:flex;justify-content:center}.app__wrapper{flex:1 1;flex-direction:column;padding:4rem 2rem;width:100%}@media screen and (max-width:450px){.app__wrapper{padding:4rem 1rem 2rem}}.copyright{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 0 0;width:100%}.copyright p{text-transform:uppercase}.copyright p,.head-text{color:var(--black-color)}.head-text{font-size:2.75rem;font-weight:800;text-align:center;text-transform:capitalize}.head-text span{color:var(--secondary-color)}@media screen and (min-width:2000px){.head-text{font-size:4rem}}@media screen and (max-width:450px){.head-text{font-size:2rem}}.p-text{color:var(--gray-color);font-size:.8rem;line-height:1.5;text-align:left}@media screen and (min-width:2000px){.p-text{font-size:1.75rem}}.bold-text{color:var(--black-color);font-size:1rem;font-weight:800;text-align:left}@media screen and (min-width:2000px){.bold-text{font-size:2rem}}@media screen and (max-width:450px){.bold-text{font-size:.9rem}}.app__social{flex-direction:column;justify-content:flex-end;padding:1rem}.app__social,.app__social div{align-items:center;display:flex}.app__social div{background-color:var(--white-color);border:1px solid var(--lightGray-color);border-radius:50%;height:40px;justify-content:center;margin:.25rem 0;transition:all .3s ease-in-out;width:40px}.app__social div svg{color:var(--gray-color);height:15px;width:15px}.app__social div:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.app__social div:hover svg{color:var(--white-color)}@media screen and (min-width:2000px){.app__social div{height:70px;margin:.5rem 0;width:70px}.app__social div svg{height:30px;width:30px}}.app__navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.app__navigation .app__navigation-dot{background-color:#cbcbcb;border-radius:50%;height:10px;margin:.5rem;transition:background-color .2s ease-in-out;width:10px}.app__navigation .app__navigation-dot:hover{background-color:var(--secondary-color)}@media screen and (min-width:2000px){.app__navigation .app__navigation-dot{height:20px;width:20px}}@media screen and (max-width:500px){.app__navigation,.app__social{display:none}.copyright{padding:2rem}}.app__navbar{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.211);border:1px solid hsla(0,0%,100%,.18);display:flex;justify-content:center;padding:1rem;position:fixed;width:100%;z-index:2}@media screen and (max-width:900px){.app__navbar{justify-content:flex-end}}.app__navbar-menue{align-items:center;background-color:var(--secondary-color);border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.app__navbar-menue svg{color:#fff;font-size:20px}@media screen and (min-width:900px){.app__navbar-menue{display:none}}.app__navbar-menue div{background-color:#fff;background-image:url(/MyPortfolio/static/media/bgWhite.79658cadae50b3b16ee5.png);background-repeat:repeat;background-size:cover;bottom:0;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:70%;z-index:10}@media screen and (min-width:900px){.app__navbar-menue div{display:none}}.app__navbar-menue div svg{align-self:flex-end;color:var(--secondary-color);font-size:30px;margin:1rem}.app__navbar-menue div ul{list-style:none;margin:20px}.app__navbar-menue div ul li{padding:.8rem}.app__navbar-menue div ul li a{color:var(--gray-color);font-size:1rem;font-weight:500;text-decoration:none;text-transform:uppercase;transition:all .5s}.app__navbar-menue div ul li a:hover{color:var(--secondary-color)}.app__navbar-links{align-self:center;display:flex;list-style:none}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-links li{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0 1rem}.app__navbar-links li div{background-color:transparent;border-radius:50%;height:5px;margin-bottom:5px;transition:all .5s ease-in-out;width:5px}.app__navbar-links li a{color:var(--gray-color);font-size:.8rem;font-weight:500;text-decoration:none;text-transform:uppercase;transition:all .5s ease-in-out}.app__navbar-links li a:hover{color:var(--secondary-color)}.app__navbar-links li:hover div{background-color:var(--secondary-color)}.app__about{display:flex;flex:1 1;flex-direction:column;width:100%}.app__profile{justify-content:center}.about__item,.app__profile{align-items:flex-start;display:flex;flex-wrap:wrap}.about__item{cursor:pointer;flex-direction:column;justify-content:flex-start;margin:3rem 2rem;width:220px}.about__item img{border-radius:15px;height:170px;object-fit:cover;width:100%}.about__item p{padding:.3rem;text-transform:capitalize}@media screen and (max-width:750px){h2.head-text{font-size:25px;line-height:1.8;margin-top:1rem}.about__item{margin:1rem}}.app__certificate{flex:1 1;flex-direction:column;width:100%}.app__certtifate-cards{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem}@media screen and (max-width:450px){.app__certtifate-cards{flex-direction:column}}.app__certtifate-cards .app__certtifate-card{align-items:flex-start;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;margin:1rem;padding:.6rem;width:300px}.app__certtifate-cards .app__certtifate-card .app__certtifate-card-img{position:relative}.app__certtifate-cards .app__certtifate-card .app__certtifate-card-img:hover .layer{opacity:1}.app__certtifate-cards .app__certtifate-card .app__certtifate-card-img img{border-radius:10px;object-fit:cover;width:100%}.app__certtifate-cards .app__certtifate-card .app__certtifate-card-img .layer{align-items:center;background-color:rgba(0,0,0,.4);border-radius:10px;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .5s;width:100%}.app__certtifate-cards .app__certtifate-card .app__certtifate-card-img .layer .app__certificate-icon{background-color:rgba(0,0,0,.7);border-radius:50%;height:40px;transition:all .5s;width:40px}.app__certtifate-cards .app__certtifate-card .app__certtifate-card-img .layer .app__certificate-icon a{color:#fff;height:50%;width:50%}.app__certtifate-cards .app__certtifate-card h5{color:var(--secondary-color);margin-top:.5rem;text-transform:uppercase}.app__certtifate-cards .app__certtifate-card p{text-transform:capitalize}.app__contact{flex:1 1;flex-direction:column;width:100%}.app__contact-cards{align-items:center;display:flex;justify-content:center;width:60%}@media screen and (max-width:1200px){.app__contact-cards{flex-direction:column;width:100%}}.app__contact-cards .app__contact-card{align-items:center;background-color:var(--primary-color);border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;margin:3rem 1rem;min-width:350px;padding:.5rem}@media screen and (max-width:1200px){.app__contact-cards .app__contact-card{margin:1rem 0;min-width:100%}}.app__contact-cards .app__contact-card img{height:40px;margin-right:10px;width:40px}.app__contact-cards .app__contact-card a{text-decoration:none}.app__contact-form{align-items:center;display:flex;flex-direction:column;justify-content:center;width:60%}@media screen and (max-width:1200px){.app__contact-form{margin:1rem 0;min-width:100%}}.app__contact-form div{margin:1rem 0;width:100%}.app__contact-form div input,.app__contact-form div textarea{background-color:var(--primary-color);border:none;border-radius:10px;outline:none;padding:1rem;width:100%}.app__header{align-items:center;background-image:url(/MyPortfolio/static/media/bgIMG.c39101e520e2997fc6d4.png);background-repeat:repeat;background-size:cover;display:flex;flex-direction:row;height:100%;justify-content:space-between;padding:6rem 4rem;width:100%}@media screen and (min-width:2000px){.app__header{padding-top:8rem}}@media screen and (max-width:1200px){.app__header{flex-direction:column;padding:1rem}}@media screen and (max-width:450px){.app__header{padding:1rem 0 0}}.app__header .app__header-box{align-self:flex-start;display:flex;flex-direction:column}@media screen and (max-width:450px){.app__header .app__header-box{margin-left:0}}.app__header .app__header-box .app__header-badge{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;justify-content:flex-start;line-height:1.6;padding:1rem;width:100%}.app__header .app__header-box .app__header-badge span{margin:.5rem}.app__header .app__header-box .app__header-badge p{color:var(--gray-color);text-transform:capitalize}.app__header .app__header-box .app__header-badge h1{text-transform:capitalize}.app__header .app__header-box .app__header-info{background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1);color:var(--gray-color);line-height:1.6;margin:1rem 0;padding:.8rem;text-transform:capitalize;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:450px){.app__header .app__header-box .app__header-info{width:100%}}.app__header .app__header-circles{align-self:center;display:flex;flex-direction:column}.app__header .app__header-circles div{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;height:120px;justify-content:center;width:120px}.app__header .app__header-circles div img{width:60%}.app__header .app__header-circles div:first-child{height:100px;width:100px}.app__header .app__header-circles div:nth-child(2){height:150px;margin:.8rem;width:150px}.app__header .app__header-circles div:nth-child(3){height:70px;width:70px}@media screen and (max-width:1200px){.app__header .app__header-circles{flex-direction:row;flex-wrap:wrap}.app__header .app__header-circles div{margin:1rem}}.app__header .app__header-circle{flex:.34 1;width:100%}@media screen and (max-width:1200px){.app__header .app__header-circle{display:none}}.app__skills{display:flex;flex:1 1;flex-direction:column;width:100%}.app__skils-container{display:flex;flex:1 1;margin-top:2rem;width:80%}@media screen and (max-width:1200px){.app__skils-container{flex-direction:column;width:100%}}.app__skils-container .app__skills-list{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;justify-content:flex-start;margin-top:3rem}@media screen and (max-width:450px){.app__skils-container .app__skills-list{align-items:center;justify-content:center;margin:0}}.app__skils-container .app__skills-list .app__skills-item{align-items:center;display:flex;flex-direction:column;justify-content:center}.app__skils-container .app__skills-list .app__skills-item .app__skills-Image{align-items:center;background-color:#fef4f5;border-radius:50%;display:flex;height:100px;justify-content:center;margin:.5rem;width:100px}.app__skils-container .app__skills-list .app__skills-item .app__skills-Image img{height:60%;width:60%}.app__skils-experience{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-top:3rem}@media screen and (max-width:1200px){.app__skils-experience{align-items:center;justify-content:center}}.app__skils-experience .app__skills-item{display:flex;margin-bottom:2rem;margin-top:.5rem}@media screen and (max-width:450px){.app__skils-experience .app__skills-item{flex-direction:column}}.app__skils-experience .app__skills-item .app__skills-year{color:var(--secondary-color);font-size:1.3rem;font-weight:700;margin-right:1.5rem}@media screen and (max-width:450px){.app__skils-experience .app__skills-item .app__skills-year{margin-bottom:.5rem}}.app__skils-experience .app__skills-item .app__skills-title{display:flex;flex-direction:column;flex-wrap:wrap}@media screen and (max-width:450px){.app__skils-experience .app__skills-item .app__skills-title h4{font-size:18px}}.app__skils-experience .app__skills-item .app__skills-title .app__skils-company{color:var(--secondary-color);font-weight:700;margin-top:.8rem;text-transform:uppercase}@media screen and (max-width:450px){.app__skils-experience .app__skills-item .app__skills-title .app__skils-company{font-size:20px}}.app__works{display:flex;flex:1 1;flex-direction:column;width:100%}.app__works-filter{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:1.5rem}.app__works-filter .app__works-filter-item{background-color:#fff;border-radius:10px;cursor:pointer;font-weight:500;margin:.5rem;padding:.5rem .8rem;text-transform:capitalize;transition:all .5s}.app__works-filter .app__works-filter-item:hover,.app__works-filter .item-active{background-color:var(--secondary-color);color:#fff}.app__works-portfolio{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:.5rem}.app__works-portfolio .app__works-item{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;margin:.8rem;padding:.8rem;transition:all .5s;width:270px}.app__works-portfolio .app__works-item .app__works-image{height:200px;position:relative;width:100%}.app__works-portfolio .app__works-item .app__works-image img{border-radius:10px;height:100%;object-fit:cover;width:100%}.app__works-portfolio .app__works-item .app__works-image .app__works-layer{align-items:center;background-color:rgba(0,0,0,.4);border-radius:10px;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;width:100%}.app__works-portfolio .app__works-item .app__works-image .app__works-layer div{background-color:rgba(0,0,0,.6);border-radius:50%;height:50px;margin:.3rem;padding:.3rem;width:50px}.app__works-portfolio .app__works-item .app__works-image .app__works-layer div svg{color:#fff;height:70%;width:70%}.app__works-portfolio .app__works-item:hover{box-shadow:0 0 25px rgba(0,0,0,.2)}.app__works-desc{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.5rem;position:relative;text-transform:capitalize}.app__works-desc h4{color:var(--secondary-color);margin:.5rem 0}.app__works-desc p{text-align:center}.app__works-desc .app__works-tag{background-color:#fff;border-radius:5px;padding:.3rem;position:absolute;top:-30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.app__works-desc .app__works-tag p{color:#000;font-weight:700;text-transform:uppercase}button{background-color:var(--secondary-color);border:none;border-radius:5px;color:#fff;margin:1rem 0;padding:.5rem 1rem;text-transform:capitalize;transition:all .5s}button:hover{background-color:rgba(49,59,172,.788);-webkit-transform:scale(1.03);transform:scale(1.03)}
/*# sourceMappingURL=main.663e689a.css.map*/