*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif;line-height:1.6}.container{margin:0 auto;width:80%}h1,h2,h3{color:#333;margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}header{background-color:#333;color:#fff;padding:1rem 0}header nav ul{display:flex;justify-content:center;list-style:none}header nav ul li{margin:0 1rem}header nav ul li a{color:#fff;font-weight:700}section{background-color:#fff;margin-bottom:1rem;padding:2rem 0}.project-list{display:flex;flex-wrap:wrap;gap:1rem}.project-item{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px #0000001a;margin-bottom:1rem;overflow:hidden;width:calc(50% - 1rem)}.project-item img{height:auto;width:100%}.project-item h3,.project-item p{margin:1rem}footer{background-color:#333;color:#fff;padding:1rem 0}@media (max-width:768px){.project-item{width:100%}}html{scroll-behavior:smooth}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}header{background-color:#1a1a1d;box-shadow:0 2px 10px #0000004d;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}nav ul{display:flex;flex-wrap:nowrap;justify-content:center;list-style:none;margin:0;padding:0}nav ul li{margin:0 1.5rem}nav ul li a{color:#f5f5f5;font-size:1.1rem;font-weight:700;text-decoration:none;transition:color .3s ease}nav ul li a:hover{color:#f8b400}@media (max-width:1024px){header{padding:.75rem}nav ul{flex-direction:row;justify-content:center}nav ul li{margin:0 1rem}nav ul li a{font-size:1rem}}@media (max-width:768px){header{padding:.75rem}nav ul{flex-direction:row;justify-content:center}nav ul li{margin:0 .75rem}nav ul li a{font-size:.9rem}}@media (max-width:480px){header{padding:.5rem}nav ul{flex-direction:row;justify-content:center}nav ul li{margin:0 .5rem}nav ul li a{font-size:.8rem}}#home{align-items:center;background:linear-gradient(135deg,#f8b400,#ff6348);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding-top:4rem;position:relative;text-align:center}.profile-image-container{animation:popUp 1s ease-in-out;border:10px solid #000;border-radius:50%;height:200px;margin-bottom:2rem;overflow:hidden;width:200px}.profile-image{height:100%;object-fit:cover;width:100%}#home h1{animation:fadeInDown 1s ease-in-out;font-size:3rem;margin-bottom:1rem}#home p{animation:fadeInUp 1s ease-in-out;font-size:1.5rem;line-height:1.6;max-width:600px}.scroll-down-button{background-color:#ff6348;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:2rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.scroll-down-button:hover{background-color:#f8b400;transform:scale(1.05)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.profile-image-container{height:150px;width:150px}#home h1{font-size:2.5rem}#home p{font-size:1.25rem;max-width:500px}.scroll-down-button{font-size:.9rem;padding:.5rem 1rem}}@media (max-width:768px){.profile-image-container{height:120px;width:120px}#home h1{font-size:2rem}#home p{font-size:1rem;max-width:400px}.scroll-down-button{font-size:.8rem;padding:.5rem .75rem}}@media (max-width:480px){.profile-image-container{height:100px;width:100px}#home h1{font-size:1.5rem}#home p{font-size:.9rem;max-width:300px}.scroll-down-button{font-size:.7rem;padding:.4rem .6rem}}#about{background-color:#f5f5f5;padding:5rem 2rem;position:relative;text-align:center}.about-content{margin:0 auto;max-width:800px;padding:0 1rem;position:relative}#about h2{animation:slideIn 1s ease-in-out;color:#333;font-size:2.5rem;margin-bottom:2rem}#about p{animation:fadeInUp 1s ease-in-out;color:#666;font-size:1.2rem;line-height:1.8}.title{color:#ff6348;font-size:1.5rem;font-weight:700}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){padding:4rem 1.5rem;#about h2{font-size:2rem}#about p{font-size:1.1rem;max-width:90%}}@media (max-width:768px){#about{padding:3rem 1rem}#about h2{font-size:1.75rem}#about p{font-size:1rem;max-width:100%}}@media (max-width:480px){#about{padding:2rem .5rem}#about h2{font-size:1.5rem}#about p{font-size:.9rem;max-width:100%}}#projects{background-color:#fff;padding:5rem 2rem;text-align:center}#projects h2{color:#333;font-size:2.5rem;margin-bottom:2rem}.project-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:2rem 0}.project-list .project-item{background:linear-gradient(135deg,#f8b400,#ff6348);border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:1rem;transition:transform .3s ease}.project-list .project-item:hover{transform:translateY(-10px)}.project-item img{border-radius:10px;margin-bottom:1rem;max-width:100%}@media (max-width:1024px){#projects{padding:4rem 1.5rem}#projects h2{font-size:2rem}}@media (max-width:768px){#projects{padding:3rem 1rem}#projects h2{font-size:1.75rem}.project-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:480px){#projects{padding:2rem .5rem}#projects h2{font-size:1.5rem}.project-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.experience-education-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:2rem;position:relative}.section-links{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.link{background-color:#1a1a1d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.5rem;outline:none;padding:15px 30px;transition:background-color .3s ease,transform .3s ease}.link:hover{background-color:#ff6348;transform:scale(1.05)}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;max-height:80vh;max-width:800px;overflow-y:auto;padding:2rem;position:relative;transform:scale(.95);transition:transform .3s ease;width:90%}.modal-content.show{transform:scale(1)}.modal-content h2{border-bottom:2px solid #f8b400;color:#1a1a1d;font-size:2.5rem;margin-top:0;padding-bottom:10px}.modal-content ul{list-style:none;padding:0}.modal-content li{margin-bottom:30px}.modal-content h3{color:#333;font-size:1.8rem;margin-bottom:10px}.modal-content p{color:#666;font-size:1.1rem;margin:5px 0}.close-button{color:#333;cursor:pointer;font-size:2rem;position:absolute;right:10px;top:10px;transition:color .3s ease}.close-button:hover{color:#ff6348}@media (max-width:1024px){.link{font-size:1.3rem;padding:12px 25px}.modal-content{padding:1.5rem;width:95%}}@media (max-width:768px){.link{font-size:1.1rem;padding:10px 20px}.modal-content{padding:1rem;width:100%}}@media (max-width:480px){.link{font-size:1rem;padding:8px 15px}.modal-content{padding:.75rem;width:100%}}#contact{background-color:#1a1a1d;color:#f5f5f5;padding:5rem 2rem;text-align:center}#contact h2{color:#f8b400;font-size:2.5rem;margin-bottom:2rem}#contact p{font-size:1.2rem;margin-bottom:2rem}#contact a{color:#ff6348;font-size:1.2rem;text-decoration:none;transition:color .3s ease}#contact a:hover{color:#f8b400}.social-icons{margin-top:15px}.social-icons a{color:#333;margin:0 10px;text-decoration:none;transition:color .3s ease}.social-icons a:hover{color:#fff}footer{background-color:#1a1a1d;color:#f5f5f5;padding:1rem;text-align:center}footer p{font-size:1rem;margin:0}footer p span{color:#f8b400}
/*# sourceMappingURL=main.03605f72.css.map*/