body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#f4f4f4;color:#333;animation:fadeSlideIn 1s ease-in-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#scrollToTopBtn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:#007bff;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:none;box-shadow:2px 2px 10px rgba(0,0,0,.2)}#scrollToTopBtn:hover{background-color:#0056b3}header{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:15px 50px}.logo{height:50px}nav ul{list-style:none;display:flex;grid-gap:20px;gap:20px}nav ul li{display:inline}nav ul li a{color:#000;text-decoration:none;font-size:18px;padding:10px 15px}nav ul li a:hover{background:#a9a9a9;border-radius:5px}.menu-icon{display:none;font-size:28px;cursor:pointer;padding:10px}@media (max-width:768px){nav ul{display:flex;flex-direction:column;position:fixed;top:0;right:-100%;width:250px;height:100vh;background:#fff;text-align:left;padding:20px;box-shadow:-4px 0 8px rgba(0,0,0,.1);transition:right .3s ease-in-out}nav ul.show{right:0;margin:0;z-index:1}nav ul li{display:block;margin:15px 0}.menu-icon{display:block;position:-webkit-sticky;position:sticky;top:20px;right:20px;font-size:28px;cursor:pointer;background:#a9a9a9;color:#fff;padding:10px 16px;border-radius:5px}}html{scroll-behavior:smooth}#about{display:flex;align-items:center;justify-content:space-between;max-width:100%;margin:50px;padding:20px;grid-gap:50px;gap:50px}.left-about{flex:1 1;padding-right:20px}.left-about h2{font-size:2rem;margin-bottom:10px}.left-about p{font-size:1.1rem;line-height:1.6;color:#333}.right-about{flex:1 1;display:flex;justify-content:center}.right-about img{width:70%;height:50%;border-radius:10px}@media (max-width:768px){.right-about img{width:100%}}.about-content{flex:1 1;padding-right:20px}.about-content h2{margin-bottom:10px}.about-content p{margin-top:0}.about-image{width:300px;height:auto;border-radius:10px}.social-media-links a{padding:4px}#projects{max-width:1200px;margin:40px auto;padding:20px;text-align:center}#projects h2{font-size:2.5rem;margin-bottom:20px}.project-title{display:flex;justify-content:space-between;padding-top:10px}.project-link{align-items:center;display:flex;justify-content:center}.project{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease-in-out}.project:hover{transform:translateY(-5px)}.project h3{font-size:1.5rem;margin-bottom:10px}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:20px;gap:20px}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease-in-out;width:calc(50% - 21px);box-sizing:border-box;display:inline-flex;margin:9px;text-align:left}.date{display:flex;justify-content:space-between}.end-date,.start-date{border:1px solid #717171;border-radius:5px;color:#000;font-size:.8345rem;padding:1px 5px}.card:hover{transform:translateY(-5px);background:#d3d3d3}.card h3{font-size:1.5rem;margin-bottom:10px}.card p{font-size:1rem;color:#444;line-height:1.6}.pro-img{margin-top:15px}.pro-img img{width:6%;max-height:200px;object-fit:cover;border-radius:8px;margin:0 6px}@media (max-width:768px){.projects-container{flex-direction:column;align-items:center}.card{width:100%;margin-left:0}}.experience{max-width:1200px;margin:40px auto;padding:20px;text-align:left}.card-experience{background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;margin:20px 57px;width:93%;box-sizing:border-box;transition:transform .3s ease-in-out}.card-experience:hover{transform:scale(1.02)}.card-experience h3{color:#333;margin-bottom:10px}.card-experience p{color:#555;font-size:16px;line-height:1.5}@media (max-width:768px){.card-experience{padding:15px;margin:13px}}.skill{max-width:1200px;margin:40px auto;padding:20px;text-align:left}.card-skill{display:inline-block;width:49%;padding:10px;margin:5px;background-color:#f4f4f4;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;font-size:18px;font-weight:700;transition:transform .3s ease-in-out}.card-skill:hover{transform:scale(1.02);background:#a9a9a9}@media screen and (max-width:500px){.card-skill{width:100%;padding:10px}}#resume{text-align:center;padding:50px;background:#333;color:#fff}footer{max-width:100%;margin:40px auto;text-align:left;padding:20px;color:#000}@media (max-width:768px){#about{flex-direction:column-reverse}.about-content{padding:0}.about-image{width:100%;max-width:300px;margin-top:20px}.project-container{flex-direction:column}.project{width:100%}}
/*# sourceMappingURL=main.2ca3d0b8.chunk.css.map */