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