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}.navbar{background-color:var(--bg-color);display:flex;justify-content:space-around;list-style:none;margin:0;padding:0}.navbar li{display:inline}.navbar a{color:var(--accent-color);padding:10px 20px;text-decoration:none;transition:background-color .3s,color .3s}.navbar a:hover{background-color:var(--accent-color);color:var(--bg-color)}.home-section{background-color:var(--bg-color);color:var(--text-color);padding:20px;text-align:center}.home-section h2{color:var(--accent-color)}.home-section p{color:var(--card-text-color)}.projects-section{background-color:var(--bg-color);padding:60px 20px;text-align:center}.projects-section h2,.projects-section p{color:var(--text-color);font-size:2em;margin-bottom:20px}.projects-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.project-card{background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:300px}.project-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px)}.project-card h3{color:var(--text-color);font-size:1.3em}.project-card p{color:var(--card-text-color);margin-top:10px}.about-section{background-color:var(--bg-color);padding:60px 20px;text-align:center}.about-section h2,h3{color:var(--text-color);font-size:2em;margin-bottom:20px}.about-section p,li{color:var(--card-text-color);font-size:1.1em;line-height:1.6;margin:0 auto;max-width:800px}.contact-section{background-color:var(--bg-color);padding:60px 20px;text-align:center}.contact-section h2{color:var(--text-color);font-size:2em;margin-bottom:20px}.contact-section form{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:600px}.contact-section input,.contact-section textarea{background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:5px;color:var(--text-color);font-size:1em;padding:10px}.contact-section button{background-color:var(--accent-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s ease}.contact-section button:hover{background-color:#008e76}.skills-section{background-color:var(--bg-color);color:var(--text-color);padding:20px;text-align:center}.skills-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.icon-background{align-items:center;background-color:var(--card-bg-color);border-radius:10px;color:var(--text-color);display:flex;flex-direction:column;padding:10px;transition:transform .3s,box-shadow .3s}.icon-background:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px)}.icon-background p{font-size:14px;margin-top:10px}body,html{box-sizing:border-box;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.App{display:flex;flex-direction:column;min-height:100vh}.light-mode{--bg-color:#f0f0f0;--text-color:#333;--accent-color:#00bfa5;--card-bg-color:#fff;--card-text-color:#666;--card-border-color:#ddd}.dark-mode{--bg-color:#1a1a1a;--text-color:#fff;--accent-color:#0fc;--card-bg-color:#333;--card-text-color:#f0f0f0;--card-border-color:#444}.App{background-color:var(--bg-color);color:var(--text-color)}.content{flex:1 1}section{margin:0 auto;max-width:1200px;padding:20px;width:100%}footer{background-color:inherit;bottom:0;color:inherit;padding:10px 0;position:relative;text-align:center;width:100%}@media (max-width:768px){.navbar{align-items:center;flex-direction:column}.navbar a{display:block;margin:5px 0}.skills-container{align-items:center;flex-direction:column}.icon-background{margin:10px 0}.slideshow-container{width:100%}.text-box{padding:10px}.text-box,h2,p{text-align:center}}@media (max-width:480px){body,html{font-size:14px}.navbar{flex-direction:column;padding:5px}.navbar a{font-size:14px;padding:8px}.social-media{align-items:center;flex-direction:column}.social-media a{margin:5px 0}.skills-container,.slideshow-container{flex-direction:column;width:100%}.icon-background{height:80px;width:80px}}
/*# sourceMappingURL=main.49da46ef.css.map*/