:root{--bg-primary: #f0f0f0;--bg-secondary: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-color: #dddddd;--nav-bg: #21325e;--accent: #e9d35b;--card-bg: #ffffff}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #3e497a;--nav-bg: #0f3460;--accent: #e9d35b;--card-bg: #16213e}.App{width:100%;height:auto;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}html,body{height:100%;margin:0}body{padding:0;margin:0}.page-loading{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:1.2rem;color:var(--text-secondary, #666)}.skip-link{position:absolute;top:-100%;left:0;z-index:1000;padding:8px 16px;background:var(--accent, #e9d35b);color:#21325e;font-weight:600;text-decoration:none;border-radius:0 0 4px;transition:top .1s}.skip-link:focus{top:0}.navbar{width:100%;height:100px;background:var(--nav-bg, #21325e);transition:background .3s ease}.links{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.navbar a{color:#fff;text-decoration:none;margin:20px;font-size:25px}.navbar a:hover{color:#e9d35b}.toggleButton{width:100%;height:100px;display:flex;align-items:center;justify-content:flex-end}.toggleButton svg{font-size:50px}.toggleButton button{margin-right:20px;background-color:transparent;border:none;color:#fff;cursor:pointer}.theme-toggle{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;margin-left:10px;padding:8px;border-radius:50%;transition:background .3s ease}.theme-toggle:hover{background:#ffffff1a}.theme-toggle svg{font-size:28px}#open{height:100vh}#open .links{flex-direction:column;justify-content:flex-start;margin-top:100px}#open a{width:100%;text-align:center}@media only screen and (max-width:900px){.navbar a{width:70px}}@media only screen and (max-width:600px){.toggleButton{display:flex}#close a,#close .theme-toggle{display:none}}@media only screen and (min-width:600px){.toggleButton,.hiddenLinks{display:none}#open{height:100px}#open .links{flex-direction:row}}.footer{width:100%;height:200px;background:var(--nav-bg, #21325e);display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:10px;margin-top:200px;transition:background .3s ease}.socialMedia svg{color:#fff;margin:20px;font-size:70px;cursor:pointer}.socialMedia a{text-decoration:none}.socialMedia svg:hover{color:#e9d35b}.footer p{color:#fff}@media only screen and (max-width:600px){.footer svg{font-size:50px}}