.card-button{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;-moz-column-gap:16px;column-gap:16px;background:var(--background-gradient-2);border:var(--border-glass-elements);box-shadow:var(--box-shadow-glass-elements);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .25s ease;cursor:pointer;padding:28px;border-radius:14px;max-width:280px}.card-button.no-description{justify-content:center}.card-button:hover{transform:scale(1.05);transition:all .25s ease}.card-button.transparent{background-color:transparent;border:2px solid var(--color-border)}.card-button.no-action{cursor:default}.card-button.no-action:hover{transform:scale(1)}.card-button.small{padding:14px}.card-button.large{padding:36px}.card-button.horizontal{flex-direction:row}.card-button.disabled{cursor:not-allowed;filter:brightness(.5)}.card-button span.image-icon{font-size:70px}.card-button.small span.image-icon{font-size:50px}.card-button h3{margin:0;font-size:1.1rem;font-weight:600}.card-button p{display:block;width:100%;margin:0;color:var(--color-text-secondary);font-size:.9rem}.card-button .card-image-container{position:relative;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.card-image-container img{max-width:115px;max-height:115px;-o-object-fit:cover;object-fit:cover}.card-image-container.wide img{width:200px;padding:10px;max-width:unset}.card-button.small .card-image-container img{max-width:65px;max-height:65px}.card-image-container span.action-icon{position:absolute;font-size:25px;top:-25px;right:-25px;text-align:center}@media screen and (max-width:1200px){.card-button.horizontal{width:100%}}.projects{flex-direction:column;justify-content:flex-start;padding:28px}.projects,.projects .projects-menu{display:flex;align-items:center;width:100%}.projects .projects-menu{flex-direction:row;justify-content:space-between;background-color:var(--color-background);border-radius:28px;padding:14px;min-height:56px}.projects .projects-menu h2{color:var(--color-text);font-size:1.15rem;font-weight:600;margin:0}.project-list{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch;padding-top:14px;gap:14px;width:100%}a.project-link{text-decoration:none;color:var(--color-text)}.project-tile{display:flex;flex-direction:column;position:relative;width:100%;height:100%;background:var(--background-gradient-1);border-radius:var(--border-radius-small);border:var(--border-glass-elements);box-shadow:var(--box-shadow-glass-elements);overflow:hidden;backdrop-filter:blur(12px)}.project-tile .project-details{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;padding:22px}.project-tile .project-tile-title{display:flex;align-items:center;justify-content:space-between}.project-tile .project-tile-title h2{color:var(--color-text);font-size:1.15rem;font-weight:600;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}img.project-icon{width:28px;margin-left:10px}.project-tile-image{width:100%;aspect-ratio:1.91;overflow:hidden}.project-image{width:100%;-o-object-fit:cover;object-fit:cover}.project-tile-image span{display:block;width:100%;color:var(--color-text-secondary);font-size:150px}.project-tile-footer{padding-top:18px;display:flex;align-items:center;justify-content:space-between}.project-tile-description p{color:var(--color-text-secondary);font-size:.9rem;font-weight:300;margin:0}.project-details .project-creator-details{display:flex;align-items:center;justify-content:space-between;gap:10px}@media screen and (min-width:1200px){.projects .projects-menu{padding:16px 56px}.project-list{padding:28px 56px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-tile .project-tile-title h2{font-size:1.15rem}}.hero{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-align:center;background:var(--background-gradient-1);color:var(--color-text);padding:28px;backdrop-filter:blur(12px);border-bottom:var(--border-glass-elements);border-top:var(--border-glass-elements)}.hero h1{font-size:2rem;font-weight:700;margin:0;text-transform:uppercase;max-width:100%}.hero .create-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:28px}.create-banner h2{font-size:1.5rem;font-weight:300;margin:0}.create-buttons{display:flex;flex-direction:row;align-items:stretch;justify-content:center;flex-wrap:wrap;flex-grow:1;gap:28px}@media screen and (min-width:1200px){.hero{min-height:350px}.hero .create-banner{padding:28px 56px}}