html,body,#root{height:100%}body{margin:0;background-color:#f0ead2;height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.Header{border:1px solid black;background-color:#dde5b6;width:100%;display:flex;justify-content:center;align-items:center;height:78px}.art{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding-top:40px;padding-bottom:40px}.card{border:1px solid black;border-radius:30px;width:40%;padding:2em;box-sizing:border-box;white-space:pre-line}.Footer{border:1px solid black;background-color:#dde5b6;width:100%;display:flex;justify-content:center;align-items:center;padding:16px 12px}.error-container{text-align:center;padding:60px 20px;min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f8f9fa;color:#333}.error-title{font-size:4rem;font-weight:700;margin-bottom:10px;color:#d62828}.error-text{font-size:1.5rem;margin-bottom:20px}.error-image{width:200px;height:auto;margin-bottom:30px}.error-button{background-color:#6a994e;color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:1rem;transition:background .3s ease}.error-button:hover{background-color:#386641}.home-container{text-align:center;padding:40px 20px;background-color:#f0ead2;min-height:70vh;animation:fadeIn .8s ease-in-out}.home-title{font-size:2.5rem;color:#386641;margin-bottom:10px}.home-subtitle{font-size:1.2rem;color:#555;margin-bottom:40px}.no-articles{font-style:italic;color:#666;margin-top:20px}.articles-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px}.article-card{border:1px solid #bbb;border-radius:15px;background-color:#fff;padding:20px;width:300px;text-align:left}.article-title{color:#386641;font-size:1.3rem;margin-bottom:5px}.article-meta{font-style:italic;color:#777;margin-bottom:10px;font-size:.9rem}.article-preview{color:#444;font-size:1rem;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:10px}.read-btn{background-color:#6a994e;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.read-btn:hover{background-color:#386641}.view-all-btn{background-color:#386641;color:#fff;border:none;border-radius:10px;padding:12px 24px;cursor:pointer;font-size:1rem;transition:background .3s ease}.view-all-btn:hover{background-color:#a4161a}