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}*{box-sizing:border-box;font-family:Inter,Poppins,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:70px}body{background-color:#0a0a0a;color:#e5e5e5}.App{overflow-x:hidden;width:100%}#navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border-bottom:1px solid #222;display:flex;height:70px;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:2000}#navbar ul{display:flex;gap:2rem;list-style:none}#navbar a{color:#f0f0f0;font-size:1rem;text-decoration:none;transition:.3s ease}#navbar a:hover{opacity:.6}.menu-btn{color:#fff;cursor:pointer;display:none;font-size:1.8rem}.mobile-nav{background-color:#000;display:flex;flex-direction:column;left:0;position:fixed;top:70px;width:100%;z-index:1998}.mobile-nav a{border-top:1px solid #222;color:#fff;padding:1.2rem;text-decoration:none}.mobile-nav a:hover{background-color:#b3b3b3}#logo img{height:75px;width:auto}@media (max-width:768px){#navbar ul{display:none}.menu-btn{display:block}.mobile-nav{display:flex}#cards{align-items:center;flex-direction:column;gap:1rem}#small-card{width:80%}}#hero{display:flex;flex-direction:column;height:100vh;justify-content:center;padding-top:7rem;text-align:center}#hero h2{color:#b3b3b3;font-weight:300}#hero h1,#hero h2{margin-bottom:.5rem}#hero h1{color:#fff;font-size:4rem;font-weight:700}#hero h1:hover{color:#b3b3b3;cursor:grab;transform:translateY(-5px)}#hero button{align-self:center;background:#1a1a1a;border:1px solid #333;border-radius:5px;color:#f0f0f0;cursor:pointer;font-size:.9rem;margin:.8rem .3rem;padding:.5rem;transition:.3s ease;width:auto}#hero button:hover{background:#fff;color:#000}#about{margin:0 auto;max-width:900px;padding:6rem 2rem;text-align:center}#about h1{color:#fff;font-size:2.5rem;margin-bottom:1.5rem}#about p{color:#c9c9c9;font-size:1.1rem;line-height:1.8;margin:1.5rem}#about img{height:400px;margin:2rem;width:300px}#portfolio{padding:6rem 2rem;text-align:center}#portfolio h1{color:#fff;font-size:2.5rem;margin-bottom:2.5rem}#portfolio img{height:400px;width:300px}#cards{display:flex;gap:1.5rem;justify-content:center;padding:2rem}#small-card{background:#141414;border:1px solid #ffffff0f;border-radius:10px;height:400px;margin:1rem;transition:.3s ease;width:300px}#small-card:hover{border-color:#777;transform:translateY(-5px)}#contact{padding:4rem 1rem;text-align:center}#contact h2{color:#fff;font-size:2.2rem;font-weight:600;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:450px}.contact-form input,.contact-form textarea{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#e5e5e5;font-size:.95rem;outline:none;padding:.8rem;transition:border .3s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6e6e6e}.contact-form input:focus,.contact-form textarea:focus{background:#222;border:1px solid #555}.contact-form button{background:#f5f5f5;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem;transition:.3s ease}.contact-form button:hover{background:#fff;opacity:.9}#foot{align-items:center;border-top:1px solid #ffffff0f;color:#8c8c8c;font-size:.9rem;gap:.6rem;padding:2rem;text-align:center}#foot-icons{display:flex;gap:1rem;justify-content:center;padding:1rem}#footer-icon{color:#fff;font-size:2rem;transition:.3s ease}#footer-icon:hover{opacity:.6}
/*# sourceMappingURL=main.d442acaa.css.map*/