body.dark-mode{background-color:#121212;color:#fff}body.dark-mode footer,body.dark-mode header{background-color:#1f1f1f}body{color:#333;font-family:Poppins,sans-serif;margin:0;min-height:100vh;padding:0;position:relative}body:before{background-attachment:fixed;background-image:url(/static/media/back3.b38cdfe3f447d25c1ede.png);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%;z-index:-1}.title-container{align-items:flex-start;color:#fff;display:flex;flex-direction:column;margin-left:20px}.title{margin-bottom:-1px}.subtitle,.title{color:#fff!important;font-size:1.4rem;font-weight:700;margin-left:-400px}@media (max-width:768px){.title-container{align-items:flex-start;margin-left:15px}}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:#222;margin:0}.container{margin:0 auto;max-width:1200px;padding:20px}.header{height:55px;padding:5px 0}.header,.nav-links{align-items:center;display:flex}.nav-links{gap:15px}h1,h2{margin-top:20px!important}header{background-color:#0077b6;box-shadow:0 4px 6px #0000001a;color:#fff;padding:1.5px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}header nav{align-items:center;display:flex;justify-content:space-between}header nav a{color:#fff;font-weight:700;padding:10px 20px;transition:background-color .3s ease}header nav a:hover{background-color:#023e8a;border-radius:5px}footer{color:#fff;margin-top:30px;padding:10px 0}.home,footer{text-align:center}.home{padding:30px 10px}.home h1{color:#0077b6;font-size:3rem}.home p{font-size:1.2rem;margin:20px 0}.projects{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.project-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-card h3{color:#0077b6;font-size:1.5rem}.project-card p{color:#555}.contact{padding:50px 20px;text-align:center}.contact form{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:600px}.contact input,.contact textarea{border:1px solid #ddd;border-radius:5px;padding:10px}.contact button{background-color:#0077b6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px;transition:background-color .3s ease}.contact button:hover{background-color:#023e8a}header nav ul{display:flex;gap:20px}header nav h1{font-size:1.5rem}header nav ul li a{font-size:1rem}@media (max-width:768px){.nav-links{background:#0077b6;box-shadow:0 4px 6px #0000001a;display:none;flex-direction:column;padding:10px 0;position:absolute;right:0;text-align:center;top:60px;width:100%}.title-container{align-items:flex-start;color:#fff;display:flex;flex-direction:column;margin-left:20px}.title{margin-bottom:-1px}.subtitle,.title{color:#fff!important;font-size:1.4rem;font-weight:700;margin-left:-100px}.nav-links.show{display:flex}.nav-links li{margin:10px 0}.hamburger{display:block}body{padding-top:60px}}@media (max-width:480px){header nav ul{gap:5px}header nav ul li a{font-size:.8rem}.home h1{font-size:2rem}.home p{font-size:.8rem}.projects{gap:10px;grid-template-columns:1fr}.project-card img{height:120px}.contact{padding:30px 10px}.contact form{gap:10px}}@media (max-width:768px){.hamburger{color:#fff;cursor:pointer;display:block!important;font-size:1.8rem;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:1100}.nav-links{background:#0077b6f2;box-shadow:0 4px 6px #0000001a;display:none;flex-direction:column;padding:20px 0;position:absolute;right:0;text-align:center;top:50px;transition:all .3s ease-in-out;width:80%;z-index:1000}.nav-links.show{align-items:center;display:flex;height:auto;justify-content:center}.nav-links li{margin:15px 0}}@media (min-width:769px){.hamburger{display:none!important}}.header{background:#0077b6;box-shadow:0 4px 6px #0000001a;left:0;margin:0;padding:10px 0;position:fixed;top:0;width:100%;z-index:1000}body{padding-top:60px!important;padding-top:70px!important}.container{padding-top:20px}h1,h2{margin-top:30px!important}
/*# sourceMappingURL=main.3cad9803.css.map*/