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;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#000;font-family:Playfair Display,serif;line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:#1a1a1a;color:#fff}.App{align-items:center;display:flex;justify-content:center;max-width:100vw;min-height:100vh;padding:20px;transition:background-color .3s ease;width:100%}.App.dark-mode{background-color:#1a1a1a}.profile-container{max-width:600px;text-align:left;width:100%}.profile-content{display:flex;flex-direction:column;gap:2rem}.name-section{align-items:center;display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;position:relative}.name{color:#000;flex:1 1;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0;min-width:0;transition:color .3s ease}.dark-mode .name{color:#fff}.theme-button{align-items:center;background:none;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:auto;padding:8px;transition:all .3s ease}.theme-button:hover{background-color:#0000001a;transform:scale(1.1)}.theme-button.dark{color:#fff}.theme-button.dark:hover{background-color:#ffffff1a}.theme-button svg{height:20px;width:20px}.bio-text{display:flex;flex-direction:column;gap:1.5rem}.bio-text p{color:#000;font-size:1.1rem;line-height:1.7;margin:0;transition:color .3s ease}.dark-mode .bio-text p{color:#fff}.social-icons{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}.social-icon{align-items:center;color:#000;display:flex;justify-content:center;text-decoration:none;transition:all .2s ease}.social-icon:hover{opacity:.7;transform:translateY(-2px)}.dark-mode .social-icon{color:#fff}.social-icon svg{height:24px;width:24px}@media (max-width:768px){.App{align-items:flex-start;padding:60px 20px}.profile-container{max-width:100%}.name-section{align-items:center;flex-direction:row;gap:.5rem}.name{font-size:2rem}.bio-text p{font-size:1rem}.social-icons{gap:1rem}}@media (max-width:480px){.App{padding:40px 15px}.name{font-size:1.8rem}.bio-text{gap:1.2rem}.social-icons{gap:.8rem}.social-icon svg{height:20px;width:20px}}
/*# sourceMappingURL=main.e709f3f2.css.map*/