body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-container{padding:20px;background-color:var(--bg-color);color:var(--text-color);max-width:800px;margin:auto}ol{margin-left:10px;text-align:left}li{margin-top:5px;text-align:left}p{margin-left:10px;text-align:left}.articles-container{max-width:1200px;margin:0 auto;padding:2rem;background-color:var(--bg-color)}.articles-title{font-size:2.5rem;color:var(--text-color);margin-bottom:1rem}.articles-intro{font-size:1.1rem;color:var(--text-color);opacity:.8;margin-bottom:2rem}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.article-card{background-color:var(--bg-color);border:1px solid var(--text-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease-in-out}.article-card:hover{transform:translateY(-5px)}.article-title{font-size:1.4rem;margin-bottom:.5rem}.article-title a{color:var(--text-color);text-decoration:none}.article-title a:hover{opacity:.8}.article-description{color:var(--text-color);opacity:.8;margin-bottom:1rem}.read-more{display:inline-block;background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--text-color);padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:700;transition:all .3s ease}.read-more:hover{background-color:var(--text-color);color:var(--bg-color)}.article-container{max-width:800px;margin:0 auto;padding:2rem;font-family:Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color)}.article-title{font-size:2.5rem;color:var(--text-color);margin-bottom:1rem}.article-meta{font-size:.9rem;color:var(--text-color);opacity:.7;margin-bottom:2rem}.article-content h2{font-size:1.8rem;color:var(--text-color);margin-top:2rem;margin-bottom:1rem}.article-content p{margin-bottom:1.5rem;text-align:justify;text-justify:inter-word}.article-content a{color:#3498db;text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content blockquote{border-left:4px solid #3498db;padding-left:1rem;margin-left:0;font-style:italic;color:var(--text-color);opacity:.8}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:2rem}.article-content img{max-width:100%;height:auto;display:block;margin:2rem auto}.article-footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--text-color);opacity:.3;font-style:italic;color:var(--text-color)}:root{--bg-color: #333333;--text-color: #FCD1D1;--button-bg: var(--bg-color);--button-text: #ffffff}body.light-mode{--bg-color: #e9f5f7;--text-color: #333333;--button-bg: --bg-color;--button-text: #333333}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;min-height:100vh}.App{text-align:center;padding-top:60px;min-height:100vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:var(--bg-color);padding:1rem;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000001a}nav{display:flex;justify-content:flex-end}nav button{background-color:var(--button-bg);color:var(--button-text);border:none;padding:10px 15px;margin:0 5px;cursor:pointer;border-radius:5px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;position:relative}nav button:after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:var(--button-text);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}nav button:hover{color:var(--button-text)}nav button:hover:after{transform:scaleX(1);transform-origin:bottom left}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-container,.meanderings-container{background-color:var(--bg-color);color:var(--text-color)}.article-wrapper{background-color:var(--bg-color);min-height:100vh;padding-top:60px}