html,body{margin:0;padding:0;width:100%;height:100%}.App{text-align:center;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#16a085}.Main-content{width:100%}.header{width:100%;background-color:#2c3e50;overflow-x:hidden}.Title-container{max-width:100%;margin:0 auto;padding-left:10%;padding-right:10%}.Title-margin-1{height:20px}.Title-margin-2{height:40px}.Title p{text-align:left;color:#fff;font-size:24px;font-weight:500;letter-spacing:1.5px;margin-bottom:-2px}hr{width:100%;border-top:2px solid #ffffff}.Name p{text-align:left;color:#fff;font-size:42px;font-weight:500;letter-spacing:1px}@media (max-width: 768px){.Title-container{padding-left:5%;padding-right:5%}.Title p{font-size:20px}.Name p{font-size:32px}}.project-card{display:flex;background:#dde4d9;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease;text-align:left}.project-card:hover{transform:translateY(-5px)}.project-date p{font-size:14px;margin-top:2px;color:#555}.project-card-image img{display:flex;width:120px;height:80px;object-fit:cover;border-radius:8px}.project-card-button{display:flex;flex-direction:column;text-align:center;margin-top:10px;gap:2px}.project-card-link{background-color:#f1f1ee;padding:4px 16px;border-radius:12px;display:inline-block;transition:background-color .3s ease;border:solid 1px #555555}.project-card-link:hover{background-color:#fff}.project-card-link a{font-size:13px;color:#4050df;text-decoration:none}.project-card-content{margin-left:30px;flex:1}.project-card-content h3{margin:0;font-weight:600;font-size:17px}.project-card-content a{display:inline-block;margin-top:8px;padding:8px 16px;background-color:#61dafb;color:#000;text-decoration:none;border-radius:4px}.project-card-content a:hover{background-color:#4fa3e7}.contribution-texts p{margin-top:-10px}.language-icons{display:flex;gap:10px;margin:10px 0 22px}.icon{display:flex;gap:8px}.icon-wrapper{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;font-size:20px}.html{color:#e44d26}.css{color:#1572b6}.js{color:#f7df1e}.ts{color:#3178c6}.react{color:#61dafb}.node{color:#68a063}.java{color:#007396}.springboot{color:#6db33f}.python{color:#3776ab}.go{color:#00add8}.rust{color:#dea584}.swift{color:#fa7343}.raspberrypi{color:#a22846}.cpp{color:#00599c}.dart{color:#00b4a0}.flutter{color:#02569b}.firebase{color:#e44d26}.project-list{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:20px}@media (max-width: 950px){.project-list{grid-template-columns:1fr}}.profile-container{display:flex;flex-wrap:wrap;gap:30px;background:#dde4d9;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:30px;max-width:100%;overflow:hidden}.profile-container h2,.profile-container h3,.profile-container p{text-align:left}.profile-image{flex:1;max-width:350px;min-width:200px}.profile-image p{text-align:center}.profile-image img{width:100%;max-width:350px;height:auto;border-radius:50%;object-fit:cover;border:3px solid #ddd}.profile-description{text-align:center}.profile-description.name{font-size:24px;font-weight:600;color:#333;margin-top:20px}.profile-description{font-size:16px;color:#333;margin-top:5px}.profile-info{flex:2;min-width:250px;padding-left:20px}.profile-info h2{font-size:28px;font-weight:600;margin-bottom:15px;color:#333}.profile-skills{display:flex;flex-direction:column}.profile-links a{text-decoration:none;color:#4050df}.profile-links p,.profile-education p,.profile-skills p,.profile-experience p{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0;font-size:16px;color:#333}.profile-container .icon{color:#333;font-size:16px;width:16px;height:16px;min-width:16px;min-height:16px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;padding:4px;margin-right:-5px}.profile-container .icon-linkedin,.profile-container .icon-email{color:#0077b5}.profile-container .icon-react{color:#61dbfb}.profile-container .icon-javascript{color:#f7df1e}.profile-container .icon-typescript{color:#007acc}.profile-container .icon-html5{color:#e34f26}.profile-container .icon-css3{color:#1572b6}.profile-container .icon-python{color:#3776ab}.profile-container .icon-java{color:#007396}.profile-container .icon-cplusplus{color:#00599c}.profile-experience{border-top:2px solid #ddd;margin-top:20px;padding-top:20px}.profile-experience h3{font-size:22px;font-weight:700;margin-bottom:10px;color:#000}.experience-timeline{position:relative;margin-top:20px}.experience-timeline div{display:flex;position:relative;margin-bottom:20px}.experience-timeline div:before{content:"";position:absolute;left:50%;top:0;height:100%;width:2px;background-color:#333;z-index:-1}.experience-timeline div .experience-dot{width:20px;height:20px;border-radius:50%;background-color:#2c3e50;border:3px solid white;position:absolute;left:50%;transform:translate(-50%)}.experience-timeline div .experience-info{margin-left:60px}@media (max-width: 768px){.profile-container{display:block;text-align:center}.profile-image{margin:0 auto}.profile-info{text-align:left;margin-top:20px}.profile-links p,.profile-education p,.profile-skills p,.profile-experience p{text-align:left;margin:5px 0}.profile-container .icon{font-size:18px}}@media (max-width: 350px){.profile-container{padding:10px}.profile-image img{max-width:200px}}.content{max-width:80%;align-items:center;margin:auto;overflow-x:hidden}.field-title{text-align:left;font-size:24px;font-weight:500;margin-left:10px;margin-top:-15px}.profile-field,.project-field,.cer-field,.publications-certifications-field{margin-top:50px;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;max-width:100%;overflow:hidden}.footer{height:50px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}