:root{--dark: #050517;--light: #F0F7F4;--accent: #CF5C36;--secondary: #99E1D9;--thirdary: #FBCAEF}.card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app{background-color:#050517;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23761b6a'/%3E%3Cstop offset='1' stop-color='%23761b6a' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23296ca2'/%3E%3Cstop offset='1' stop-color='%23296ca2' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2398d769'/%3E%3Cstop offset='1' stop-color='%2398d769' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23050517'/%3E%3Cstop offset='1' stop-color='%23050517' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23CF5C36'/%3E%3Cstop offset='1' stop-color='%23CF5C36' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2399E1D9'/%3E%3Cstop offset='1' stop-color='%2399E1D9' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rubik,sans-serif;min-height:100vh}.card{background-color:var(--light);color:#000;border:none;border-radius:8px}.card-img-top{border-radius:8px 8px 0 0}h1{color:var(--accent)}.btn{border-radius:8px;padding:.4rem 2rem}.vr{border-right:1px solid var(--dark);height:80%}.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background-color:var(--accent);color:#fff;border:none;box-shadow:none}.btn-primary:hover,.btn-primary:active,.btn-primary:focus{transform:scale(1.1);transition:all .2s ease-in-out}.accent{color:var(--accent);font-weight:700}.filter{background-color:var(--dark);color:var(--secondary);width:100%}.filter button{color:var(--secondary);font-size:1.4rem;border:none;background:none}.filter ul>li{display:inline-block;cursor:pointer;padding:.2rem .4rem;border-radius:8px;transition:.2s}.filter ul>li.active{color:var(--dark);background-color:var(--secondary);transition:.2}