@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body,nav{background:#353353}nav{display:flex;height:80px;width:90%;margin:0 auto;align-items:center;justify-content:space-between;padding:0 50px 0 100px;flex-wrap:wrap}nav .logo{color:#fff;font-size:35px;font-weight:700}nav ul{display:flex;flex-wrap:wrap;list-style:none}nav ul li{margin:0 5px}nav ul li a{color:#f2f2f2;text-decoration:none;font-size:18px;font-weight:500;padding:8px 15px;border-radius:5px;letter-spacing:1px;transition:all .3s ease;font-weight:700}nav ul li a:hover{color:#fc1260}nav .menu-btn i{color:#fff;font-size:22px;cursor:pointer;display:none}input[type=checkbox]{display:none}html{scroll-behavior:smooth}@media (max-width:1000px){nav{padding:0 40px 0 50px}}@media (max-width:920px){#click:checked~.menu-btn i:before{content:"\f00d"}nav ul{position:fixed;top:80px;left:-100%;background:#353353;height:100vh;width:100%;text-align:center;display:block;transition:all .3s ease}#click:checked~ul{left:0}nav ul li{width:100%;margin:40px 0}nav ul li a{width:100%;margin-left:-100%;display:block;font-size:20px;transition:.6s cubic-bezier(.68,-.55,.265,1.55)}#click:checked~ul li a{margin-left:0}nav ul li a.active,nav ul li a:hover{background:none;color:#0ff}nav{display:flex;height:80px;width:100%}nav ul li a:hover{color:#fc1260}}hr{border-top:1px solid #fff;opacity:.1;color:#fff}*{scrollbar-width:thin;scrollbar-color:#08a583 #03b488}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e9e9e9}::-webkit-scrollbar-thumb{background-color:#d2d3d2}.landing__page{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px auto;padding-top:30px;color:#fff}.landing__page img{width:180px;zoom:1;background-position:contain;border-radius:50%}.landing__page h2{padding-top:14px;font-size:36px}.landing__page p{padding:8px 0;font-size:22px}.landing__icons{padding:8px 0;font-size:28px}.landing__icons i{padding:0 8px;color:#fff}.landing__btn{padding:8px 12px;background-color:#e9014e;color:#fff;font-weight:700;outline:none;border:none;font-size:18px;margin-top:6px;border-radius:2px;cursor:pointer;transition:.4s ease-in-out}.landing__btn:hover{box-shadow:4px 4px 10px hsla(0,0%,100%,.1)}@media (max-width:952px){.landing__page{height:70vh}}.about{width:80%;margin:40px auto 0;padding:10px 20px;color:#fff}.about h2{font-size:32px}.about__section{display:flex;margin:20px 0;justify-content:space-between;padding:35px 30px;border-radius:4px;box-shadow:-4px 4px 20px rgba(87,88,173,.3)}.about__section,.about__section div{background-color:#2f2d47}.content{width:33%}.about__skill{display:flex;flex-direction:column;background-color:#2f2d47}.content p{margin:0 0 10px;font-size:17px;font-weight:450}.content p,label,progress{background-color:#2f2d47}label{margin:4px 0;font-size:17px;font-weight:450}progress{width:270px;margin:0 0 15px;height:6px}progress::-webkit-progress-value{background:#e9014e}button{padding:8px 12px;background-color:#e9014e;color:#fff;font-weight:700;outline:none;border:none;font-size:18px;margin-top:6px;border-radius:2px;cursor:pointer;display:inline-block;transition:.4s ease-in-out}.banner__section{display:flex;padding:20px 0;width:80%;margin:0 auto}.banner__card,.banner__section .banner{display:flex;justify-content:space-between}.banner__card div{margin:0 0 0 25px}.banner__card div i{margin:0 6px}@media (max-width:952px){.about,.content{width:100%}.content{margin-bottom:20px}.about__section{display:flex;margin:20px 0;justify-content:space-between;padding:25px 30px;flex-direction:column}label{margin:6px 0}progress{width:100%;margin:0 0 15px;height:6px}.banner__section{flex-direction:column;width:90%}.banner__card div{margin:20px 0 20px 5px}.banner__card div i{margin:0 6px}.banner__card{display:flex;justify-content:space-evenly}}.service{width:80%;margin:40px auto;padding:10px 20px;color:#fff}.service h2{font-size:32px}.service__card{display:flex;justify-content:space-evenly;padding:30px 0}.card{text-align:center;padding:30px 25px;width:320px;border-radius:5px;box-shadow:-4px 4px 30px rgba(223,219,219,.3)}.card h3{padding:10px 0}.card h3,.card img,.card p{background:transparent}.card:first-child{background:#6c6ce5}.card:nth-child(2){background:#f9d74c}.card:nth-child(3){background:#f97b8b}@media (max-width:952px){.service{width:100%;margin:20px auto}.service__card{flex-direction:column}.card{width:100%;margin:0 0 30px}}.exp{width:80%;margin:40px auto;padding:10px 20px;color:#fff}.exp h2{font-size:32px}.exp__card{display:flex;justify-content:space-evenly;padding:30px 0}.scard{box-shadow:-4px 4px 20px rgba(87,88,173,.3);padding:40px 35px 10px;width:440px;border-radius:5px}.desc{margin:0 0 20px;display:flex}.desc div{padding:0 20px 0 0}.desc span{font-size:15px}.desc .icon{width:60px;height:60px}.desc__year{font-size:15px}@media (max-width:952px){.exp{width:100%;margin:20px auto 0}.exp__card{flex-direction:column}.scard{width:100%;margin:0 0 35px}.desc .icon{display:none}.desc div{padding:0}}.lang{width:80%;margin:40px auto;padding:10px 20px;color:#fff}.lang h2{font-size:32px}.lang__card span{width:100px;height:auto;font-size:40px;padding:0 20px}.lang__card{width:60%;height:auto;margin:20px auto}@media (max-width:952px){.lang{width:100%;margin:0 auto;padding:0 20px}.lang__card{margin:0 auto;width:90%}}.projects{width:80%;margin:40px auto;padding:10px 20px;color:#fff}.projects h2{font-size:32px}.main-title{color:#2d2d2d;text-align:center;padding:.7em 0}.container{padding:1em 0;float:left;width:50%}@media screen and (min-width:900px){.container{width:33.33333%}}.container .title{color:#1a1a1a;text-align:center;margin-bottom:10px}.content{position:relative;width:90%;max-width:400px;margin:auto;background:transparent!important;overflow:hidden}a{text-decoration:none}.btn__project{padding:4px 12px;background-color:#e9014e;color:#fff;font-weight:700;outline:none;border:none;font-size:18px;margin:2px 8px;border-radius:2px;cursor:pointer;display:inline-block;transition:.4s ease-in-out}.project{margin-top:20px}.content .content-overlay{background:rgba(231,28,106,.7);position:absolute;height:99%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;transition:all .4s ease-in-out 0s}.content:hover .content-overlay{opacity:1}.content-image{width:100%}.content-details{position:absolute;text-align:center;padding-left:1em;padding-right:1em;width:100%;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%);transition:all .3s ease-in-out 0s}.content:hover .content-details{top:50%;left:50%;opacity:1}.content-icons i{font-size:24px;padding-left:8px}.content-details h3{color:#fff;font-weight:500;letter-spacing:.15em;margin-bottom:4px;text-transform:uppercase}.content-details p{background:transparent!important;color:#fff;font-size:.9em}.fadeIn-bottom{top:80%}@media (max-width:952px){.projects{width:100%;margin:20px auto 0}.container{display:block;width:100%;margin-top:0}.content-title h3{font-size:16px}.project{margin-top:0}.container img{height:180px!important}}
/*# sourceMappingURL=main.8e9cef63.chunk.css.map */