.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:white;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;width:100%;top:0;z-index:999}.page-container{display:flex;flex-direction:column;min-height:100vh}.logo{width:80px;margin:0;background:transparent}.flex{display:flex}.items-center{align-items:center;border:0}.space-x-4>:not(:last-child){margin-right:1rem}.p-2{padding:.5rem}.rounded-lg{border-radius:.5rem}.toggle-theme-button{padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;border:0;background-color:transparent}.content{flex:1}.menu-button{border:0 solid;background-color:transparent;display:none}@media (max-width:768px){.menu-button{display:block}}@media (min-width:1710px){.logo-container{margin-left:250px}}.footer{position:fixed;bottom:0;left:0;background-color:white;box-shadow:0 -2px 4px rgba(0,0,0,.1);padding:10px 0;z-index:1000}.footer,.footer-container{width:100%;display:flex;justify-content:space-around}.footer-button{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#555;transition:color .3s}.footer-button .icon{width:24px;height:24px}.footer-button.active,.footer-button:hover{color:#fac01e}body.dark{color:white}body.dark,body.dark .header{background-color:rgb(17 24 39)}body.dark .card,body.dark .suggest-card{background-color:rgb(31 41 55)}body.dark .footer,body.dark .suggest-footer{background-color:rgb(31 41 55);color:white}body.dark .footer-button{color:#aaa}body.dark .footer-button.active{color:#FFD700}body.dark .filter-button{background-color:rgb(31 41 55)}body.dark .active-filter{background-color:rgb(234,179,8)}body.dark .card-content p,body.dark .card-footer span,body.dark .suggest-card-content p,body.dark .suggest-card-footer span,body.dark .text-section h1,body.dark .text-section p{color:white}