*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:300;line-height:1.8}code{background-color:#f5f5f5;border-radius:2px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em;padding:2px 4px}#root,body,html{height:100%}::selection{background-color:#000;color:#fff}.App{background-color:#fff;display:flex;flex-direction:column;min-height:100vh}.header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background-color:#fffc;border-bottom:1px solid #0000001a;box-shadow:0 1px 10px #0000001a;color:#000;padding:1rem 0}.nav-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo h3{color:#000;font-size:1.5rem;font-weight:300;letter-spacing:1px}.nav{display:flex;flex-wrap:wrap;gap:0}.nav-button{background:none;border:none;border-right:1px solid #0000001a;color:#000;cursor:pointer;font-size:.9rem;font-weight:300;letter-spacing:.5px;padding:.75rem 1.5rem;transition:all .2s ease}.nav-button:last-child{border-right:none}.nav-button:hover{background-color:#0000000d}.nav-button.active{background-color:#0000001a;color:#000}.main{align-items:center;background-color:#fff;display:flex;flex:1 1;justify-content:center;padding:4rem 2rem}.content{max-width:600px;text-align:center;width:100%}.welcome-message{background:#fff;border:1px solid #e0e0e0;margin:2rem 0;padding:4rem 2rem}.profile-section{align-items:center;display:flex;flex-direction:column;gap:2rem}.profile-image{border:3px solid #000;border-radius:50%;box-shadow:0 4px 8px #0000001a;height:150px;object-fit:cover;width:150px}.welcome-text h1{color:#000;font-size:2.5rem;font-weight:300;letter-spacing:2px;margin-bottom:1rem}.welcome-text p{color:#666;font-size:1.1rem;font-weight:300;letter-spacing:.5px;margin-bottom:0}.content h2{color:#000;font-size:2rem;font-weight:300;letter-spacing:1px;margin-bottom:2rem}.content p{background:#fff;border:1px solid #e0e0e0;color:#666;font-size:1rem;font-weight:300;letter-spacing:.3px;line-height:1.6;padding:2rem}.typewriter-container{align-items:center;display:flex;justify-content:center;margin:1rem 0;min-height:2rem}.typewriter-text{color:#666;font-size:1.2rem;font-weight:400;letter-spacing:.5px}.cursor{animation:blink 1s infinite;font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.social-icons{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}.social-icons a{align-items:center;display:flex;transition:transform .2s}.social-icons a:hover{transform:scale(1.15)}.App.dark-mode{background-color:#1a1a1a;color:#fff}.App.dark-mode .header{background-color:#000c;border-bottom:1px solid #ffffff1a;color:#fff}.App.dark-mode .logo h3{color:#fff}.App.dark-mode .nav-button{border-right:1px solid #ffffff1a;color:#fff}.App.dark-mode .nav-button:hover{background-color:#ffffff0d}.App.dark-mode .nav-button.active{background-color:#ffffff1a;color:#fff}.App.dark-mode .main{background-color:#1a1a1a}.App.dark-mode .welcome-message{background:#1a1a1a;border:1px solid #ffffff1a}.App.dark-mode .welcome-text h1{color:#fff}.App.dark-mode .typewriter-text{color:#ccc}.App.dark-mode .content h2{color:#fff}.App.dark-mode .content p{background:#1a1a1a;border:1px solid #ffffff1a;color:#ccc}.App.dark-mode .profile-image{border:3px solid #fff}.App.dark-mode .social-icons svg path{fill:#fff!important}.dark-mode-toggle{font-size:1.2rem!important;padding:.5rem 1rem!important}@media (max-width:768px){.App.dark-mode .nav{border-top:1px solid #ffffff1a}.App.dark-mode .nav-button{border-right:1px solid #ffffff1a}}@media (max-width:480px){.App.dark-mode .nav-button{border-bottom:1px solid #ffffff1a}}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem;padding:0 1rem}.nav{border-top:1px solid #0000001a;justify-content:center;padding-top:1rem}.nav-button{border-right:1px solid #0000001a;font-size:.8rem;padding:.5rem 1rem}.profile-section{gap:1.5rem}.profile-image{height:120px;width:120px}.welcome-text h1{font-size:2rem;letter-spacing:1px}.typewriter-text,.welcome-text p{font-size:1rem}.main,.welcome-message{padding:2rem 1rem}}@media (max-width:480px){.nav{flex-direction:column;width:100%}.nav-button{border-bottom:1px solid #0000001a;border-right:none;text-align:center;width:100%}.nav-button:last-child{border-bottom:none}.profile-image{height:100px;width:100px}.welcome-text h1{font-size:1.8rem}.typewriter-text{font-size:.9rem}.content h2{font-size:1.6rem}.profile-section{gap:1rem}}
/*# sourceMappingURL=main.17bc5604.css.map*/