.app-header{background-color:var(--my-secondary);padding:1rem 0;box-shadow:var(--my-shadow)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo a{display:flex;align-items:center;text-decoration:none;color:var(--my-primary);font-weight:700;font-size:1.5rem}.logo img{height:40px;margin-right:.5rem}.main-nav a{margin:0 1rem;text-decoration:none;color:var(--my-text-dark);font-weight:500;transition:color .2s}.main-nav a:hover{color:var(--my-accent)}.user-actions a{margin-left:1rem;text-decoration:none;color:var(--my-text-dark)}.user-actions .btn-primary{background-color:var(--my-primary);color:var(--my-text-light);padding:.5rem 1rem;border-radius:.5rem}.app-footer{background-color:var(--my-text-dark);color:var(--my-text-light);padding:3rem 0;margin-top:3rem}.footer-content{display:flex;justify-content:space-between;align-items:flex-start}.footer-logo{flex:1}.footer-logo img{height:40px;margin-bottom:1rem}.footer-links{display:flex;flex:2;justify-content:space-around}.footer-col h4{color:var(--my-accent);margin-bottom:1rem}.footer-col a{display:block;margin-bottom:.5rem;text-decoration:none;color:var(--my-text-light);transition:color .2s}.footer-col a:hover{color:var(--my-accent)}.footer-social{flex:1;text-align:right}.footer-social a{margin-left:1rem;color:var(--my-text-light);font-size:1.5rem;transition:color .2s}.footer-social a:hover{color:var(--my-accent)}