*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;line-height:1.6}.homepage{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"header header" "nav nav" "main sidebar" "footer footer";grid-template-columns:3fr 1fr;margin:0 auto;max-width:1200px;padding:20px}.header{background-color:#fff;box-shadow:0 2px 5px #0000001a;grid-area:header;padding:30px 20px;text-align:center}.header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.header p{color:#7f8c8d}.navigation{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;grid-area:nav;padding:0 20px}.navigation ul{display:flex;list-style:none}.navigation li{margin-right:30px;padding:15px 0}.navigation a{color:#333;font-weight:500;padding-bottom:3px;text-decoration:none}.navigation a.active,.navigation a:hover{border-bottom:2px solid #3498db;color:#3498db}.main-content{grid-area:main}.featured-post{background-color:#3498db;border-radius:5px;color:#fff;margin-bottom:20px;padding:30px}.featured-post h2{margin-bottom:15px}.blog-posts h2{color:#2c3e50;margin-bottom:20px}.post-card{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;overflow:hidden}.post-image{height:200px;object-fit:cover;width:100%}.post-content{padding:20px}.post-content h3{color:#2c3e50;margin-bottom:5px}.post-date{color:#7f8c8d;font-size:.9rem;margin-bottom:10px}.read-more{background-color:#3498db;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:8px 15px}.read-more:hover{background-color:#2980b9}.sidebar{grid-area:sidebar}.sidebar>div{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:20px}.sidebar h3{color:#2c3e50;margin-bottom:15px}.categories-widget ul{list-style:none}.categories-widget li{margin-bottom:8px}.categories-widget a{color:#3498db;text-decoration:none}.categories-widget a:hover{text-decoration:underline}.footer{align-items:center;background-color:#2c3e50;border-radius:5px;color:#fff;display:flex;grid-area:footer;justify-content:space-between;padding:20px}.social-links a{color:#fff;margin-left:15px;text-decoration:none}.social-links a:hover{text-decoration:underline}@media (max-width:768px){.homepage{grid-template-areas:"header" "nav" "main" "sidebar" "footer";grid-template-columns:1fr}.navigation ul{flex-direction:column}.navigation li{border-bottom:1px solid #eee;margin-right:0;padding:10px 0}.navigation li:last-child{border-bottom:none}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.db6b45f6.css.map*/