:root{--bg-color: #f1f5f9;--text-color: #0a2b14;--highlights-color: #0d7a5f;--brand-color: #0d7a5f;--button-color:rgb(70, 125, 82);--hover-color:rgb(51, 92, 60);--footer-color: #67727e}.hidden{display:none}a{color:var(--text-color)}body{margin:0;padding:0}.btn{display:inline-block;padding:10px 20px;font-size:16px;font-weight:700;color:#fff;background-color:var(--button-color);border:none;border-radius:5px;cursor:pointer;transition:background .3s ease-in-out}.btn:hover{background-color:darken(var(--button-color),10%)}.header{font-size:24px;font-weight:700;color:var(--text-color)}.text{font-size:16px;color:var(--text-color);line-height:1.5}.highlight{background-color:var(--highlights-color);padding:3px 6px;font-weight:700;border-radius:3px}//Header h1{margin-bottom:1rem;color:var(--text-color)}.text-center{text-align:center}.mt-20{margin-top:20px}//Categories .header-section{text-align:center;align-content:center;background-image:url(../images/design-space.jpg);background-size:cover;background-position:center;color:var(--text-color);height:60vh;padding:8px}.cards-container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;padding:20px}.custom-card{width:300px;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;font-family:Arial,sans-serif;border:1px solid #ddd;margin:0 auto}.custom-card-image{width:100%;display:block}.custom-card-content{padding:15px}.custom-card-title{color:#0b4f37;margin:0;font-weight:700;font-size:16px}.custom-card-description{color:#444;font-size:14px;margin:5px 0 10px}.custom-card-divider{border:none;border-top:1px solid #ddd;margin:10px 0}.task-list{list-style:none;padding:0;margin:0}.task-link{color:#0b4f37;text-decoration:none;display:block;margin-bottom:5px}.task-link:hover{text-decoration:none;color:var(--text-color)}.navbar{background-color:var(--bg-color);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce0e6;box-shadow:0 4px 2px -2px #0000001a;animation:slideInFromTop .5s ease-out}.navbar-brand{font-size:2rem;margin-left:6rem;font-weight:700;color:var(--brand-color)}.navbar-brand:hover{color:var(--brand-color);text-decoration:none}.navbar-menu{display:flex;gap:15px;list-style:none;margin:0;margin-right:6rem;padding:0}.navbar-link{text-decoration:none;color:var(--text-color);position:relative;overflow:hidden}.navbar-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--brand-color);transition:width .3s ease-in-out}.navbar-link:hover:after{width:100%}.navbar-link:hover{color:var(--brand-color);text-decoration:none}.navbar-button{border:1px solid #0D7A5F;color:#0d7a5f;padding:5px 10px;text-decoration:none;border-radius:5px;transition:background-color .3s ease,transform .3s ease}.navbar-button:hover{background-color:#0d7a5f;color:#fff;text-decoration:none;transform:scale(1.1)}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}main{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);min-height:80vh}footer{background-color:#f8f9fa;color:#343a40;padding:2rem 0;border-top:1px solid #e9ecef}footer .container{max-width:1200px;margin:0 auto}footer .row{display:flex;flex-wrap:wrap;justify-content:space-between}footer .col-md-3{flex:1;min-width:200px;margin-bottom:1rem}footer h5{font-size:18px;margin-bottom:1rem}footer ul{list-style:none;padding:0}footer ul li{margin-bottom:.5rem}footer ul li a{color:#343a40;text-decoration:none}footer ul li a:hover{text-decoration:underline}footer .text-center{margin-top:2rem}