@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&family=Rubik+Spray+Paint&display=swap";html{scroll-behavior:smooth}[id]{scroll-margin-top:80px}*{font-family:Poppins,sans-serif}body{margin:0;padding:0}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{background-color:#8e8e8e;border-radius:10px;border:1px solid #f0f0f0}body::-webkit-scrollbar-thumb:hover{background-color:#888}body::-webkit-scrollbar-track{background-color:#fff}.navbar{display:flex;position:fixed;align-items:center;padding:12px 12px 12px 30px;left:0;top:0;width:calc(100vw - 40px);z-index:1000;box-shadow:0 1px 2px #dbd4d41a,0 2px 3px #dbd4d41a,0 3px 4px #dbd4d41a,0 4px 5px #dbd4d41a;background-color:#fff}.navbar .title{text-decoration:none;color:#000;font-size:28px;font-weight:700}.navbar .right{position:absolute;right:30px}.navbar .right a{text-decoration:none;color:#000;font-size:18px;font-weight:600;margin-left:30px}.me-lang{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f9f9f9;min-height:100vh}.me-lang .me{display:flex;justify-content:center;align-items:center}.me-lang .me .left{margin-right:-40px}.me-lang .me .left .title{max-width:600px;font-size:60px;line-height:68px;margin-top:-15px}.me-lang .me .left .description{max-width:600px;font-size:19px;line-height:24px;margin-top:-12px;color:#555}.me-lang .me .left .images img{height:24px;margin-right:8px}.me-lang .me .image-box{margin-left:40px;margin-top:10px;width:360px;height:360px;background:rgba(0,0,0,.12);animation:morph 6s ease-in-out infinite;background-image:url(/assets/Profile-image-caf1120b.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #2d2e32;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;position:relative;transition:all 1s ease-in-out}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.me-lang .me .content{position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:3;border-radius:50%;overflow:hidden}.me-lang .me .content img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.me-lang .languages{margin-top:40px;margin-bottom:-20px;display:flex;align-items:center}.me-lang .languages p{margin-right:35px;color:#2d2e32;font-weight:600;font-size:22px}.me-lang .languages span{margin-left:8px}.me-lang .languages .lang-row{display:flex;align-items:center}.me-lang .languages .lang-row .lang-box{display:flex;align-items:center;justify-content:center;height:70px;width:70px;border-radius:50%;background-color:#fff;margin-right:18px;box-shadow:0 0 10px #00000017}.me-lang .languages .lang-row .lang-box:hover{transform:translateY(-15px);transition:transform .8s ease}.me-lang .languages .lang-row .lang-box img{height:40px}.about{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 40px);padding:0 50px}.about .about-image{width:590.4px;height:504px;border-radius:24.3px}.about .box{border-radius:50%;height:120px;width:120px;margin-left:-70px;margin-bottom:-150px;background-color:#fff}.about .box .frontend-text{font-size:20px;animation:rotate 9s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about .text{margin-left:45px;margin-bottom:-10px}.about .text .title{color:#00f;font-weight:700;font-size:24.3px;line-height:1;margin-top:0;margin-bottom:5.6px}.about .text .semi-title{font-weight:700;font-size:36px;max-width:650px;line-height:1.4;margin-top:15px;margin-bottom:28.8px}.about .text .description{color:#767676;font-size:16.2px;max-width:650px;line-height:1.5;margin-top:-5px}.projects{display:flex;flex-direction:column;align-items:center;background-color:#f9f9f9;min-height:calc(100vh - 40px);padding-top:110px;padding-bottom:50px}.projects .title{color:#00f;font-weight:700;font-size:24.3px;line-height:1;margin-top:-20px;margin-bottom:16px}.projects .semi-title{font-weight:700;font-size:22px;line-height:1.4;margin-top:0;margin-bottom:24.75px}.projects .project{display:flex;align-items:center;background-color:#fff;padding:10px;border-radius:10px;margin-bottom:40px;box-shadow:0 0 10px #0000001a}.projects .project .image-container{width:466.4px;height:330px;border-radius:10px;overflow:hidden;position:relative}.projects .project .image-container img{width:100%;transition:transform .5s ease}.projects .project .image-container video{width:100%;height:100%;object-fit:cover}.projects .project .image-container:hover img{transform:translateY(0)}.projects .project .left{margin-right:-10px}.projects .project .right{margin-left:-10px}.projects .project .info{width:300px;display:flex;flex-direction:column;align-items:center;padding-top:20px}.projects .project .info .title{color:#000;margin-bottom:30px}.projects .project .info .description{max-width:250px;font-size:13.5px;font-weight:500;word-spacing:-.4px;line-height:20px;margin-top:-10px;color:#555;text-align:center}.projects .project .info .languages{display:flex;margin-top:0;margin-bottom:12px;align-items:center}.projects .project .info .languages .lang{margin-right:20px;padding:7px 8px;font-size:14.85px;box-shadow:0 0 10px #0000001a;font-weight:600}.projects .project .info .languages .lang-icon{display:flex;align-items:center;justify-content:center;height:50px;width:50px;border-radius:50%;background-color:#fff;margin-right:15px;box-shadow:0 0 10px #0000001a}.projects .project .info .languages .lang-icon:hover{transform:translateY(-5px);transition:transform .3s ease}.projects .project .info .languages .lang-icon img{height:30px;width:30px;object-fit:contain}.projects .project .info .languages .lang:nth-last-child(1),.projects .project .info .languages .lang-icon:nth-last-child(1){margin-right:0}.projects .project .info .links{display:flex}.projects .project .info .links a{margin-right:20px;font-size:18.7px;text-decoration:none;color:#000}.projects .project .info .links a i{font-size:22px}.projects .project .info .links .live-demo{margin-right:0}.projects .project .info .links .live-demo i{font-size:18px}.contact{padding-top:80px;padding-bottom:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact .title{font-size:22px;color:#00f;font-weight:600;margin-bottom:10px}.contact .semi-title{margin-top:0;margin-bottom:15px;font-size:20px;font-weight:600}.contact .info{display:flex}.contact .info .detail{display:flex;align-items:center;margin-right:40px}.contact .info .detail .img-div{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;box-shadow:0 0 10px #0000001a;margin-right:20px}.contact .info .detail .img-div img{height:40px}.contact .info .detail .text .type{margin-bottom:0;font-size:16px;font-weight:600}.contact .info .detail .text .address{color:#767676;margin-top:0;font-size:14px}.contact .info .detail:nth-last-child(1){margin-right:0}.footer{display:flex;align-items:center;justify-content:space-around;background-color:#2d2e32;padding:5px 0}.footer .rights{font-size:18px;color:#fff}.footer .social{display:flex}.footer .social img{height:20px;margin-right:5px}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media only screen and (max-width: 1000px){.navbar{position:fixed;justify-content:center}.navbar .right a{display:none}.me-lang{padding-top:100px;display:flex;flex-direction:column;padding-bottom:50px}.me-lang .me{flex-direction:column;align-items:center;margin-left:-30px}.me-lang .me .left{display:flex;flex-direction:column;align-items:center;text-align:center}.me-lang .me .left .title{text-align:center;max-width:87vw;font-size:40px;line-height:55px}.me-lang .me .left .description{max-width:87vw}.me-lang .me .image-box{margin:15px -10px 15px 15px;width:300px;height:300px}.me-lang .languages{flex-direction:column;margin-top:-10px;margin-right:-15px}.me-lang .languages .lang-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px 5px}.about{flex-direction:column;padding:50px 10px;text-align:center}.about .about-image{width:295.2px;height:252px;margin-bottom:20px}.about .text{margin-left:0}.about .text .semi-title{font-size:25px}.projects{text-align:center}.projects .project{flex-direction:column}.projects .project .image-container{width:339.2px;height:240px;margin-bottom:30px}.contact .info{flex-direction:column}.contact .info .detail{margin-bottom:20px}.footer{flex-direction:column}.footer .rights{max-width:70vw;text-align:center}}