@font-face{font-family:Monomaniac One;src:url(../../../fonts/MonomaniacOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Exo 2";src:url(../../../fonts/Exo2-Regular.ttf) format("truetype");font-weight:400;font-style:normal}main.svelte-9jh9ob{height:100vh;width:100%;display:grid;grid-template-columns:auto;grid-template-rows:1fr 2fr 1fr 2fr 1fr;grid-template-areas:"squad2e" "list2e" "titel" "list2f" "squad2f";background-image:url(../../../background-image.webp);background-size:cover;overflow-y:hidden}h1.svelte-9jh9ob{margin:.25em;padding:0;text-align:center;font-family:Monomaniac One,sans-serif;letter-spacing:.05em;font-size:clamp(3em,5vw,5.5em);grid-area:titel}.text-gradient.svelte-9jh9ob{background-image:linear-gradient(to top,var(--dark-color-gradient),var(--light-color-gradient));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px #FFFFFF)}h2.svelte-9jh9ob{margin:0;padding:0;font-family:"Exo 2",sans-serif;color:var(--text-color);font-size:2em}h2.svelte-9jh9ob:nth-of-type(1){position:absolute;left:50%;top:5%;transform:translate(-50%);text-align:center;grid-area:squad2e}h2.svelte-9jh9ob:nth-of-type(2){position:absolute;left:50%;bottom:5%;transform:translate(-50%);text-align:center;grid-area:squad2f}ul.svelte-9jh9ob{display:flex;justify-content:flex-start;gap:2em;list-style:none;padding:0 1.5em;scroll-snap-type:x mandatory;overflow-x:auto;scroll-behavior:smooth;margin:0 0 0 1.5em}ul.svelte-9jh9ob li:where(.svelte-9jh9ob){flex:0 0 auto;width:140px;height:200px;border-radius:1em;overflow:hidden;scroll-snap-align:center;scroll-margin-inline:50%;background:none;padding:0}ul.svelte-9jh9ob li:where(.svelte-9jh9ob) a:where(.svelte-9jh9ob){position:relative;display:block;width:100%;height:100%;background-color:#fff;text-decoration:none}ul.svelte-9jh9ob li:where(.svelte-9jh9ob) a:where(.svelte-9jh9ob) :where(.svelte-9jh9ob):hover{filter:brightness(1.1)}ul.svelte-9jh9ob li:where(.svelte-9jh9ob) a:where(.svelte-9jh9ob) img:where(.svelte-9jh9ob){width:100%;height:100%;object-fit:cover;margin-bottom:0;display:block;transition:filter .2s;border-radius:1em}ul.svelte-9jh9ob li:where(.svelte-9jh9ob) a:where(.svelte-9jh9ob) p:where(.svelte-9jh9ob){position:absolute;left:0;bottom:0;width:100%;margin:0;padding:.5em 0;background-color:#257070;color:#fff;font-weight:700;font-size:1em;text-align:center;opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity .2s,transform .2s;pointer-events:none}ul.svelte-9jh9ob li:where(.svelte-9jh9ob) :where(.svelte-9jh9ob):hover{filter:brightness(1.05)}ul.svelte-9jh9ob:nth-of-type(1){grid-area:list2e;-webkit-mask-image:linear-gradient(to left,transparent 5%,black 35%);mask-image:linear-gradient(to left,transparent 5%,black 35%)}@media (min-width: 670px){ul.svelte-9jh9ob:nth-of-type(1){-webkit-mask-image:linear-gradient(to left,transparent 5%,black 25%);mask-image:linear-gradient(to left,transparent 5%,black 25%)}}ul.svelte-9jh9ob:nth-of-type(2){grid-area:list2f;margin-right:1.5em;scroll-snap-type:none;flex-direction:row-reverse;justify-content:flex-start;-webkit-mask-image:linear-gradient(to right,transparent 5%,black 35%);mask-image:linear-gradient(to right,transparent 5%,black 35%)}@media (min-width: 670px){ul.svelte-9jh9ob:nth-of-type(2){-webkit-mask-image:linear-gradient(to right,transparent 5%,black 25%);mask-image:linear-gradient(to right,transparent 5%,black 25%)}}ul.svelte-9jh9ob::-webkit-scrollbar{display:none}a.svelte-9jh9ob:hover p:where(.svelte-9jh9ob),a.svelte-9jh9ob:focus-visible p:where(.svelte-9jh9ob){transform:translateY(0);opacity:1;visibility:visible}a.svelte-9jh9ob:focus-visible img:where(.svelte-9jh9ob){border:2px solid rgb(222,255,122)}