:root{--primary-color: #ff0000;--text-color-dark: rgba(255, 255, 255, .87);--text-color-light: #000000;--bg-color-dark: #000000;--bg-color-light: #ffffff;--glow-color: rgba(255, 0, 0, .5);--nav-height: 4rem}body{margin:0;padding:0;min-height:100vh;font-family:Times New Roman,Times,serif;transition:background-color .3s,color .3s}.dark-mode{background-color:var(--bg-color-dark);color:var(--text-color-dark)}.light-mode{background-color:var(--bg-color-light);color:var(--text-color-light)}.nav-container{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;z-index:1000;background-color:inherit;height:var(--nav-height);box-sizing:border-box}.nav-left{display:flex;align-items:center;gap:2rem}.author-name{font-size:1.2rem;text-decoration:none;color:inherit}.nav-links{display:flex;gap:1.5rem}.nav-links a{text-decoration:none;color:inherit;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--primary-color)}#theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.dark-mode #theme-toggle img{filter:brightness(.9) sepia(1) saturate(.3) brightness(1.3)}.light-mode #theme-toggle img{filter:brightness(.9) sepia(1) hue-rotate(-50deg) saturate(3) brightness(.7)}.footer{text-align:center;padding:2rem;margin-top:4rem;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:2}.footer p{font-family:Times New Roman,Times,serif;font-size:clamp(.9rem,2vw,1.1rem);margin:0;color:inherit}.light-mode .footer{border-top-color:#0000001a}input,textarea{color:inherit}.light-mode input,.light-mode textarea{border-color:#0003}h1,h2,h3,h4,h5,h6,p,span,div{color:inherit}.about-section{padding:8rem 2rem 4rem;max-width:1200px;margin:0 auto;text-align:center}.author-image-container{width:200px;height:200px;margin:0 auto 2rem;border-radius:50%;overflow:hidden;box-shadow:0 0 20px #ff00004d;position:relative}.author-image{width:100%;height:100%;object-fit:cover;object-position:center}.welcome-text{font-size:2rem;color:var(--primary-color);margin-bottom:2rem;font-family:Times New Roman,Times,serif;text-transform:capitalize}.about-text{font-size:1.2rem;line-height:1.8;max-width:800px;margin:0 auto;text-align:justify}@media (max-width: 768px){.about-section{padding:6rem 1rem 2rem}.author-image-container{width:180px;height:180px}.welcome-text{font-size:1.8rem}.about-text{font-size:1.1rem;text-align:left}}
