.levels.svelte-ip33er{width:100%;max-width:1440px;min-height:85vh;margin:0 auto 3rem;display:flex;position:relative}.intro.svelte-ip33er{z-index:2;background-color:#fff;flex-direction:column;width:46%;min-width:200px;padding:2rem;display:flex;position:absolute;top:5%;left:50%;transform:translate(-50%);box-shadow:10px 10px 10px #0000004d}.levelblock.svelte-ip33er{color:#fff;align-items:flex-end;width:100%;margin:0 .3rem;display:flex}.leveltext.svelte-ip33er{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:12rem;padding:.5rem;font-size:2rem;font-weight:300;display:flex}.leveltext.svelte-ip33er .courseBadge:where(.svelte-ip33er){color:#000;background-color:inherit;margin-bottom:1.5rem;font-weight:700}.leveltext.svelte-ip33er .courseBadge:where(.svelte-ip33er):after{background-color:#fff}.a1.svelte-ip33er{background-color:#2424ff}.a2.svelte-ip33er{background-color:#9737ee}.b1.svelte-ip33er{background-color:#ffcb3e}.b2.svelte-ip33er{background-color:#e3055a}@media screen and (width<=880px){.levelblock.svelte-ip33er{margin:0}.leveltext.svelte-ip33er{font-size:1.5rem}.intro.svelte-ip33er{width:75%}}@media screen and (width<=768px){.leveltext.svelte-ip33er .innertxt:where(.svelte-ip33er){writing-mode:vertical-lr;writing-mode:sideways-lr}.leveltext.svelte-ip33er .courseBadge:where(.svelte-ip33er){order:2;margin-top:2rem;margin-bottom:1rem}}@media screen and (width<=400px){.intro.svelte-ip33er{width:95%}.leveltext.svelte-ip33er .courseBadge:where(.svelte-ip33er){min-width:40px}}