.container.svelte-hd62i3.svelte-hd62i3{display:flex;flex-direction:column;min-height:100vh;background:#2791d8}@media (max-width: 800px){.buttons.svelte-hd62i3.svelte-hd62i3{padding-bottom:5vh}}#main-container.svelte-hd62i3.svelte-hd62i3{display:flex;flex-direction:column;min-height:100vh}h1.svelte-hd62i3.svelte-hd62i3{position:absolute;top:0;text-align:center;color:#000;font-weight:700;font-size:4em;margin-top:2em;z-index:5;animation:svelte-hd62i3-bounce 4s infinite ease-in-out;width:100%}h2.svelte-hd62i3.svelte-hd62i3{text-align:center;font-size:2em;color:#000}@keyframes svelte-hd62i3-bounce{0%{top:0}50%{top:.2em}to{top:0}}.description.svelte-hd62i3.svelte-hd62i3{margin-top:auto;text-align:center;color:#000;font-size:2em;z-index:5}.buttons.svelte-hd62i3.svelte-hd62i3{display:flex;flex-direction:column;margin:2.5em .5em 1em}.create-new-btn.svelte-hd62i3.svelte-hd62i3{background:#ffff47}.join-session-btn.svelte-hd62i3.svelte-hd62i3{background:#ff4747}.how-it-works-btn.svelte-hd62i3.svelte-hd62i3{background:#47ff47}.create-new-btn.svelte-hd62i3.svelte-hd62i3,.how-it-works-btn.svelte-hd62i3.svelte-hd62i3,.join-session-btn.svelte-hd62i3.svelte-hd62i3{margin:.5em 1em;padding:1em 0;border:5px solid black;font-size:1.5em;font-weight:600;cursor:pointer;z-index:100;height:94px}button.svelte-hd62i3.svelte-hd62i3{cursor:pointer}button.svelte-hd62i3.svelte-hd62i3:hover{opacity:.85}#how-it-works-container.svelte-hd62i3.svelte-hd62i3,#join-session-container.svelte-hd62i3.svelte-hd62i3{display:none}#join-session-container.svelte-hd62i3.svelte-hd62i3,#how-it-works-container.svelte-hd62i3.svelte-hd62i3{height:95vh;display:none}.close-btn.svelte-hd62i3.svelte-hd62i3{position:absolute;top:1em;left:1em;width:3em;height:3em;display:grid;border:4px solid rgb(204,204,204,.2);background:#fff3;place-items:center;z-index:20}#join-session-container.svelte-hd62i3>.inner.svelte-hd62i3,#how-it-works-container.svelte-hd62i3>.inner.svelte-hd62i3{display:grid;place-items:center;height:inherit;width:100%}.session-id-input-container.svelte-hd62i3.svelte-hd62i3{display:grid;place-items:center;width:80%}.session-id-input-container-inner.svelte-hd62i3.svelte-hd62i3{display:flex}.session-id-input-container-inner.svelte-hd62i3>button.svelte-hd62i3{padding:0 1em;font-size:19px;z-index:20;border:4px solid rgb(204,204,204);background:#fff3;border:5px solid rgba(204,204,204,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.session-id-input-container-inner.svelte-hd62i3>input.svelte-hd62i3{height:2em;padding:0 1em;font-size:19px;z-index:20;border:4px solid rgb(204,204,204)}.svelte-hd62i3.svelte-hd62i3::-moz-placeholder{color:#000;opacity:.5}.svelte-hd62i3.svelte-hd62i3::placeholder{color:#000;opacity:.5}.svelte-hd62i3.svelte-hd62i3::-ms-input-placeholder{color:#000;opacity:.5}.how-it-works-text.svelte-hd62i3>p.svelte-hd62i3{color:#000;font-size:24px;line-height:1em;margin:1em}.how-it-works-text.svelte-hd62i3.svelte-hd62i3{padding:2em 0 4em;position:relative;z-index:5}@media (max-width: 600px){.session-id-input-container-inner.svelte-hd62i3>input.svelte-hd62i3{width:90%}}.invisible.svelte-hd62i3.svelte-hd62i3{visibility:hidden}.spinner.svelte-hd62i3.svelte-hd62i3{margin-top:2em}.create-new-spinner.svelte-hd62i3.svelte-hd62i3{display:grid;place-items:center}