.quick-button.selected .icon{filter:invert(20%)sepia(84%)saturate(2329%)hue-rotate(233deg)brightness(96%)contrast(94%)}.quick-button.selected .title{color:#4141c9}.quick-button .icon{text-align:center}.quick-button .icon img{filter:invert(13%)sepia(0)saturate(203%)hue-rotate(222deg)brightness(98%)contrast(84%)}.quick-button .title{text-align:center;color:#303030;text-decoration:none}.quick-button .title:focus,.quick-button .title:hover{color:#4141c9}header{border-bottom:1px solid #4141c9;justify-content:space-evenly;gap:1rem;padding:1rem;display:flex}header #searchbar *{height:30px;display:inline-block}header #searchbar input{border:none;outline:none;max-width:calc(100% - 30px - 1rem);font-size:24px;line-height:30px}header #notifications img{height:30px}header #profile{aspect-ratio:1;text-align:center;background-color:#4141c9;border-radius:100%;height:30px;font-weight:700;line-height:30px;display:inline-block}header #profile *{color:#f0f0f0}.main{flex-direction:column;height:100vh;display:flex}.main main{flex-grow:1}footer{border-top:1px solid #4141c9}ul{justify-content:space-evenly;display:flex}ul li{flex-grow:1;max-width:20vw;padding-block:1rem;display:inline-block}ul li img{width:30%;margin-inline:auto;padding-top:1rem;padding-bottom:.4rem}