@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Libertinus+Serif:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Lato,sans-serif;margin:0;padding:0;text-align:center}.App,.App-header{background-color:#fff;color:#000}.App-header{align-items:center;border-bottom:1px solid #ddd;display:flex;flex-direction:column;font-family:"Libertinus Serif",serif;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.name{font-size:3rem;margin-bottom:20px}.button-container{margin-bottom:10px}.button-container button{background-color:#f0f0f0;border:1px solid #333;border-radius:5px;cursor:pointer;font-family:Lato,sans-serif;font-size:1rem;margin:0 10px;padding:10px 20px;transition:transform .2s,background-color .2s}.button-container button:hover{background-color:#ddd;transform:scale(1.1)}.about-section{background-color:#fff;display:flex;justify-content:center;padding:60px 20px}.about-container{align-items:center;display:flex;flex-wrap:wrap;gap:40px;max-width:900px}.about-image img{border-radius:10px;width:250px}.about-text{line-height:1.8;max-width:500px;text-align:left}.projects-section{background-color:#f9f9f9;padding:60px 20px}.projects-section h2{margin-bottom:40px}.project{align-items:center;display:flex;flex-wrap:wrap;gap:40px;margin:40px auto;max-width:900px}.project.reverse{flex-direction:row-reverse}.project img{border-radius:10px;width:300px}.project-text{line-height:1.8;max-width:500px;text-align:left}@media (max-width:768px){.about-container,.project,.project.reverse{flex-direction:column;text-align:center}.about-text,.project-text{font-family:Lato,sans-serif;text-align:center}.about-image img,.project img{max-width:300px;width:80%}}.hero{align-items:center;background-color:#e7f1e9;color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.hero .name{color:#1b3275dc;font-family:Libertinus Keyboard,monospace;font-size:4rem;margin-bottom:40px}.hero .button-container button{background-color:#9ccdab;border:1px solid #333;border-radius:8px;cursor:pointer;font-size:1.2rem;margin:0 15px;padding:15px 30px;transition:transform .2s,background-color .2s}.hero .button-container button:hover{background-color:#7ea98b;transform:scale(1.1)}.overlay{align-items:center;background:#e1eee8f2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.name-form{background:#fff;border-radius:10px;box-shadow:0 4px 15px #5d9a6b1a;font-family:Lato,sans-serif;padding:30px 40px;text-align:center}.name-form h2{margin-bottom:20px}.name-form input{border:1px solid #ccc;border-radius:5px;margin-bottom:15px;padding:10px;width:200px}.name-form button,.name-form input{font-family:Lato,sans-serif;font-size:1rem}.name-form button{background-color:#8ac19e;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:transform .2s,background-color .2s}.name-form button:hover{background-color:#7ea98b;transform:scale(1.1)}.greeting{color:#1b3275dc;font-family:Libertinus Keyboard,monospace;font-size:2.5rem;margin-bottom:20px;white-space:pre-line}.video-modal{background:#000c;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-content,.video-modal{align-items:center;display:flex}.video-content{background:#fff;border-radius:10px;flex-direction:column;gap:15px;padding:20px;text-align:center}.close-btn{background-color:#9ccdab;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:transform .2s,background-color .2s}.close-btn:hover{background-color:#7ea98b;transform:scale(1.1)}.see-video-btn{background:none;border:none;color:#1b3275dc;cursor:pointer;font-family:Lato,sans-serif;font-size:1rem;padding:0;text-decoration:underline}.see-video-btn:hover{color:#7ea98b;text-decoration:underline}
/*# sourceMappingURL=main.501cbb6b.css.map*/