.levels.svelte-1hp352c{position:relative;min-height:85vh;width:100%;display:flex;margin:0 auto 3rem;max-width:1440px}.intro.svelte-1hp352c{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-1hp352c{margin:0 .3rem;width:100%;color:#fff;display:flex;align-items:flex-end}.leveltext.svelte-1hp352c{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-1hp352c .courseBadge:where(.svelte-1hp352c){font-weight:700;color:#000;margin-bottom:1.5rem;background-color:inherit}.leveltext.svelte-1hp352c .courseBadge:where(.svelte-1hp352c):after{background-color:#fff}.a1.svelte-1hp352c{background-color:#2424ff}.a2.svelte-1hp352c{background-color:#9737ee}.b1.svelte-1hp352c{background-color:#ffcb3e}.b2.svelte-1hp352c{background-color:#e3055a}@media screen and (max-width: 880px){.levelblock.svelte-1hp352c{margin:0}.leveltext.svelte-1hp352c{font-size:1.5rem}.intro.svelte-1hp352c{width:75%}}@media screen and (max-width: 768px){.leveltext.svelte-1hp352c .innertxt:where(.svelte-1hp352c){writing-mode:vertical-lr;writing-mode:sideways-lr}.leveltext.svelte-1hp352c .courseBadge:where(.svelte-1hp352c){margin-top:2rem;margin-bottom:1rem;order:2}}@media screen and (max-width: 400px){.intro.svelte-1hp352c{width:95%}.leveltext.svelte-1hp352c .courseBadge:where(.svelte-1hp352c){min-width:40px}}