body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.about-section{background-color:var(--bg-color)!important;transition:color .3s ease,background-color .3s ease}.about-section,.about-section a,.about-section h1,.about-section h2,.about-section h3,.about-section li,.about-section p{color:var(--text-color)!important}body.dark-mode .about-section,body.dark-mode .about-section a,body.dark-mode .about-section h1,body.dark-mode .about-section h2,body.dark-mode .about-section h3,body.dark-mode .about-section li,body.dark-mode .about-section p{color:#fff!important}body.dark-mode{--button-bg:#555;--button-text:#fff}body *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}a,h1,h2,h3,li,p{transition:color .1s ease}.dark-mode-toggle{align-items:center;border-radius:50%;bottom:20px;box-shadow:0 2px 5px #0003;display:flex;font-size:20px;height:50px;justify-content:center;left:20px;position:fixed;width:50px;z-index:1000}.dark-mode-toggle:hover{opacity:.9}.currently-learning{transition:background-color .3s ease,border-color .3s ease}.currently-learning h2{color:#333;color:var(--text-color);margin-bottom:1rem;transition:color .3s ease}.currently-learning ul{list-style-type:none;padding-left:0}.currently-learning li{color:#333;color:var(--text-color);margin-bottom:.5rem;transition:color .3s ease}.learning-item{transition:background-color .3s ease,border-color .3s ease}.search-icon{bottom:20px;position:fixed;right:20px}.search-icon button{background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:50px;justify-content:center;width:50px}.search-icon button,.search-icon.expanded form{align-items:center;display:flex}.search-icon input{border:1px solid #ccc;border-radius:4px;margin-right:10px;padding:10px}.search-icon form button{background:#28a745;border-radius:4px;height:auto;padding:10px 15px;width:auto}@media (max-width:768px){.search-icon{right:50%;transform:translateX(50%)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;color:#1d1d1f;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}header{background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a;padding:10px 0}.main-nav{margin:0 auto;max-width:1200px;padding:0 20px}.main-nav ul{display:flex;justify-content:space-between;list-style-type:none;margin:0;padding:0}.main-nav ul li{margin:0}.main-nav ul li a{color:#333;display:block;font-weight:500;padding:10px 0;text-decoration:none}.main-nav ul li a:hover{color:#007bff}@media (max-width:768px){.main-nav ul{align-items:center;flex-direction:column}.main-nav ul li{margin-bottom:10px}}main{flex:1 0 auto;margin:0 auto;max-width:980px;padding:40px 22px}h1{font-size:56px;letter-spacing:-.005em;margin-bottom:.5em}h1,h2{font-weight:600}h2{font-size:40px;letter-spacing:.002em}p{font-size:21px;font-weight:400;letter-spacing:.011em;line-height:1.47059}.blog-list{display:flex;flex-wrap:wrap;justify-content:space-around}.blog-card{background-color:#333;border:1px solid #555;border-radius:8px;color:#fff;cursor:pointer;margin:10px;padding:15px;transition:transform .3s ease;width:300px}.blog-card:hover{transform:translateY(-5px)}.blog-card h2{margin-top:0}.blog-card small{color:#666}.full-blog-post{background:#fff;bottom:0;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.full-blog-post .close-button{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.full-blog-post h1{margin-top:40px}.full-blog-post .blog-content{line-height:1.6;margin-top:20px}footer{background-color:#333;color:#fff;font-size:12px;padding:20px 0;text-align:center}@media (max-width:768px){.header-content{align-items:flex-start}.header-content,nav ul{flex-direction:column}nav ul li{margin-bottom:10px;margin-left:0}}.about-section{margin:0 auto;max-width:800px;padding:40px 20px}.about-section h1{color:#333;font-size:2.5em;margin-bottom:20px}.about-section p{color:#555;font-size:1.1em;line-height:1.6;margin-bottom:20px}.currently-learning{margin:2rem auto;max-width:800px}.learning-items{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.learning-item{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.learning-item h3{color:#007bff;margin-top:0}.progress-bar{background-color:#e9ecef;border-radius:4px;height:20px}.progress{background-color:#28a745;border-radius:4px;height:100%;transition:width .5s ease-in-out}.resources ul{padding-left:1.5rem}.resources a:hover{text-decoration:underline}:root{--button-bg:#f0f0f0;--button-text:#333}body{background-color:#fff;background-color:var(--bg-color);color:#333;color:var(--text-color);transition:background-color .3s ease,color .3s ease}.home-page{padding:20px}.dark-mode-toggle{background-color:#f0f0f0;background-color:var(--button-bg);border:none;border-radius:5px;color:#333;color:var(--button-text);cursor:pointer;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.dark-mode-toggle:hover{opacity:.8}.blog-card,.blog-list,.blog-post,.full-blog-post{background-color:#fff;color:#000}.blog-card.dark-mode,.blog-list.dark-mode,.blog-post.dark-mode,.full-blog-post.dark-mode{background-color:#333;color:#fff}a{color:#06c}.dark-mode a{color:#4da6ff}:root{--bg-color:#fff;--text-color:#333;--box-bg:#f9f9f9;--box-border:#e0e0e0;--item-bg:#fff;--item-border:#e0e0e0;--card-bg-color:#333;--card-text-color:#fff}body.dark-mode{--bg-color:#333;--text-color:#fff;--box-bg:#444;--box-border:#555;--item-bg:#555;--item-border:#666;--card-bg-color:#333;--card-text-color:#fff}.currently-learning{background-color:#f9f9f9!important;background-color:var(--box-bg)!important;border:1px solid #e0e0e0!important;border:1px solid var(--box-border)!important;border-radius:5px;margin-top:2rem}.currently-learning,.learning-item{padding:1rem;transition:all .3s ease}.learning-item{background-color:#fff!important;background-color:var(--item-bg)!important;border:1px solid #e0e0e0!important;border:1px solid var(--item-border)!important;border-radius:5px;margin-bottom:1rem}.learning-item h3,.learning-item p{color:#333!important;color:var(--text-color)!important}.progress-bar{background-color:#f9f9f9!important;background-color:var(--box-bg)!important;border-radius:5px;margin:1rem 0;overflow:hidden}.progress{background-color:#4caf50;height:20px;transition:width .3s ease}.resources a{color:#007bff;text-decoration:none}body.dark-mode .resources a{color:#4da6ff}.blog-section{background-color:#fff!important;background-color:var(--bg-color)!important;transition:color .3s ease,background-color .3s ease}.blog-section,.blog-section a,.blog-section h1,.blog-section h2,.blog-section h3,.blog-section li,.blog-section p{color:#333!important;color:var(--text-color)!important}body.dark-mode .blog-section,body.dark-mode .blog-section a,body.dark-mode .blog-section h1,body.dark-mode .blog-section h2,body.dark-mode .blog-section h3,body.dark-mode .blog-section li,body.dark-mode .blog-section p{color:#fff!important}.blog-post-preview{border:1px solid #333;border:1px solid var(--text-color);border-radius:5px;margin-bottom:20px;padding:15px}.blog-post-preview h2{margin-top:0}.blog-post-preview .read-more{display:inline-block;font-weight:700;margin-top:10px;text-decoration:none}.blog-card,.blog-post{background-color:#fff;border:none;box-shadow:none;color:#000}.dark-mode .blog-card,.dark-mode .blog-post{background-color:#333;border:1px solid #555;color:#fff}.dark-mode .blog-card h2,.dark-mode .blog-post h1{color:#fff}.dark-mode .blog-card p,.dark-mode .blog-post p{color:#ccc}.site-footer{background-color:#333;color:#fff;margin-top:40px;padding:20px 0}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.social-links a{color:#fff;margin-left:15px;text-decoration:none}.social-links a:hover{text-decoration:underline}
/*# sourceMappingURL=main.e2876a3f.css.map*/