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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#121212;font-family:Arial,sans-serif;margin:0}body,header{color:#fff;text-align:center}header{background:#1e1e1e;padding:60px 20px}header h1{font-size:3em;margin:0}header p{font-size:1.2em}.navbar{padding:10px 20px;text-align:center}.navbar ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.navbar ul li{margin:0 15px}.navbar ul li a{color:#fff;text-decoration:none}section{background:#1e1e1e;color:#fff;padding:60px 20px;text-align:center}section h2{margin-top:0}footer{background:#1e1e1e;color:#fff;padding:20px;text-align:center}footer p{margin:0}.header{background:url(/static/media/your-image.bd3e5542af60ee2acbb1.jpg) no-repeat 50%/cover;color:#fff;padding:100px 0;text-align:center}.header-content{margin:0 auto;max-width:600px}.header h1{font-size:3em}.header p{font-size:1.5em}.navbar{align-items:center;background:#333;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem;position:fixed;width:100%;z-index:1000}.navbar-name{font-size:1.5rem;font-weight:700;text-align:left}.navbar-name a{color:#fff;text-decoration:none}.navbar-links,.navbar-name,.navbar-placeholder{flex:1 1}.navbar-placeholder{text-align:right}.navbar-links ul{display:flex;gap:1.5em;justify-content:center;list-style:none;margin:0;padding:0}.navbar-links a{border-radius:5px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.navbar-links a:hover{background-color:#555}.navbar .blog-link,.navbar .home-link{color:#fff;font-weight:700;text-transform:uppercase}.about{align-items:center;background:#1e1e1e;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.about h2{text-align:center}.about-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1000px;position:relative}.about-image{border-radius:8px;height:auto;left:-220px;max-width:200px;position:absolute}.about-text-container{display:flex;justify-content:center;width:100%}.about-text{max-width:850px;text-align:center}.experience{background:#1e1e1e;color:#fff;padding:0;text-align:center}.experience h2{margin-bottom:20px}.react-spring-3d-carousel .slider-container{align-items:center}.react-spring-3d-carousel .slider-content{align-items:center;display:flex;justify-content:center;width:100%}.react-spring-3d-carousel .slider-single{border:2px solid #fff;border-radius:10px;box-sizing:border-box;height:100%;overflow:hidden;width:100%}.react-spring-3d-carousel .slider-single img{height:200%;object-fit:cover;width:200%}.slide-content{align-items:center;display:flex;flex-direction:column}.experience-text{color:#fff;text-align:center}.projects{background:#1e1e1e;color:#fff;padding:60px 20px}.projects h2{text-align:center}.projects div{margin:0 auto;max-width:800px;text-align:left}.projects a{color:#36454f}.skills{background:#242424;color:#fff;padding:60px 20px;text-align:center}.skills-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.skill-box{align-items:center;background-color:#143454;border-radius:8px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;display:flex;flex:1 1 30%;justify-content:center;min-height:100px;min-width:150px;padding:20px;text-align:center}@media (max-width:768px){.skill-box{flex:1 1 45%}}@media (max-width:480px){.skill-box{flex:1 1 100%}}.contact{background:#1e1e1e;color:#fff;padding:60px 20px}.contact h2{text-align:center}.contact div{margin:0 auto;max-width:800px;text-align:left}.contact a{color:#d5caca}.footer{background:#1e1e1e;color:#fff;padding:20px;text-align:center}.blog{background-color:#1e1e1e;padding:80px 20px 20px}.blog h1{color:#fff;font-size:2.5em;margin-bottom:40px;text-align:center}.blog-posts-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.blog-card{background:#333;border-radius:10px;cursor:pointer;flex-basis:100%;margin-bottom:20px;max-width:500px;padding:20px;transition:transform .3s ease}.blog-card:hover{transform:translateY(-10px)}.blog-card h2{color:#fff;font-size:1.5em;margin-bottom:10px}.blog-date{color:#d5caca;font-size:.9em;margin-bottom:15px}.blog-content{color:#d5caca;font-size:1em;line-height:1.6;padding:0}.blog-content p{margin-bottom:1em}
/*# sourceMappingURL=main.993951a7.css.map*/