div.svelte-1fhfcqz{display:grid;grid-template-columns:1fr;grid-template-rows:5em 1fr;grid-template-areas:"header header"
      "contents contents";width:100vw;height:100vh;overflow:auto}.contents.svelte-1fhfcqz{grid-area:contents;width:100%;height:100%}.header.svelte-1fhfcqz{grid-area:header;width:100%;height:100%;z-index:100;background:white}video.svelte-1fhfcqz{position:fixed;top:-30%;left:-5%;width:auto;height:auto;min-height:140%;min-width:110%;z-index:-100;filter:blur(20px) brightness(110%) contrast(80%) saturate(80%) sepia(10%)}@media screen and (max-width: 1100px){video.svelte-1fhfcqz{left:-70%}}@media screen and (max-width: 600px){video.svelte-1fhfcqz{left:-120%}}
.banner.svelte-1d4fnjw{display:grid;grid-template-columns:1fr;grid-template-rows:0.5em 6em 1fr;grid-template-areas:"title"
            "title"
            "page";width:100%;height:100%}.title.svelte-1d4fnjw{grid-area:title;background-color:rgb(190, 192, 199);width:100%;height:100%}.page.svelte-1d4fnjw{grid-area:page;width:100%;height:100%}
.sidebar.svelte-tfmc1z{display:grid;grid-template-columns:1fr;grid-template-rows:4em 1fr;grid-template-areas:"title"
      "menus";width:100%;height:100%}.title.svelte-tfmc1z{grid-area:title;background-color:#eee;height:100%;width:100%}.menus.svelte-tfmc1z{grid-area:menus;background-color:#ddd;height:100%;width:100%}
div.svelte-18fy9qu{z-index:10}.title-bar.svelte-18fy9qu{display:grid;grid-template-columns:0.2em 1fr 0.2em;grid-template-rows:0.2em 1fr 0.2em;grid-template-areas:". . ."
            ". title-bar-content ."
            ". . .";width:100%;height:100%}.title-bar-content.svelte-18fy9qu{display:grid;grid-template-columns:5em auto 1fr;grid-template-rows:1fr;grid-template-areas:"logo title-text learning-areas";align-content:center center;grid-area:title-bar-content;width:100%;height:auto }.logo.svelte-18fy9qu{grid-area:logo;display:inline-block;align-items:center center;justify-content:right;margin:auto}.text.svelte-18fy9qu{display:inline-flex;align-items:center}.title-text.svelte-18fy9qu{display:inline-block;justify-content:center;grid-area:title-text;width:100%;height:auto;font-family:"Anton", sans-serif;font-size:2em;margin-block-start:0em;margin-block-end:0em}img.svelte-18fy9qu{position:fixed;top:-1%;left:0%;width:6em;height:auto}
.learning-areas.svelte-axy3lk{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"scratch";width:100%;height:100%;align-items:center;justify-content:center;filter:drop-shadow(0 0 3px grey)}.scratch.svelte-axy3lk{display:grid;grid-area:scratch;grid-template-columns:1fr 5em 12em 1fr;grid-template-rows:1.5fr;grid-template-areas:". scratch-logo scratch-title .";width:100%;height:100%;align-items:center;justify-content:center;font-family:"Anton", sans-serif;font-size:0.8em;margin-block-start:0em;margin-block-end:0em}.scratch-logo.svelte-axy3lk{display:inline-flex;grid-area:scratch-logo;width:100%;height:100%;background-image:url(/images/logo/ScratchCat.svg);background-size:100% 100%}.scratch-title.svelte-axy3lk{display:inline-flex;grid-area:scratch-title;margin:auto auto;width:100%;height:100%;align-items:center;justify-content:center;background-image:url(/images/logo/Scratch_Logo.svg);background-repeat:no-repeat;background-size:100% auto;background-position:center center}
.frame.svelte-rmifva{display:grid;grid-template-columns:1em 1fr 1em;grid-template-rows:1em 1fr 1em;grid-template-areas:". . ."
      ". card-grid ."
      ". . .";width:100%;height:100%}.card-grid.svelte-rmifva{grid-area:card-grid}@media screen and (max-width: 600px){.frame.svelte-rmifva{grid-template-columns:0.2em 1fr 0.2em;grid-template-rows:0.2em 1fr 0.2em}}
.grid.svelte-1f8egq8{display:grid;grid-template-columns:repeat(auto-fill, minmax(25rem, 1fr));grid-auto-rows:8rem;gap:1em;list-style:none;padding:0}@media screen and (max-width: 1100px){.grid.svelte-1f8egq8{gap:0.4em}}
.video-card.svelte-180qe8m{display:grid;grid-template-columns:1fr 0.5em 2.5fr 0.5em;grid-template-rows:1fr 4fr;grid-template-areas:"video-image-background . video-title ."
      "video-image-background . video-desc .";width:auto;background-color:rgb(250, 243, 237);filter:drop-shadow(1px 1px 3px rgb(153, 155, 156));word-wrap:normal}.video-image-background.svelte-180qe8m{grid-area:video-image-background;width:100%;height:100%;background-color:rgb(224, 143, 2);background-image:linear-gradient(to right, rgb(224, 143, 2) 50%, #fff 50%)}.video-image.svelte-180qe8m{width:100%;height:100%;overflow:hidden;filter:grayscale(50%) brightness(80%)}.video-title.svelte-180qe8m{grid-area:video-title;width:100%;height:100%;font-size:1.3em;font-weight:400;font-family:"Noto Sans TC", sans-serif}.video-desc.svelte-180qe8m{grid-area:video-desc;width:100%;height:auto;font-family:"Noto Sans TC", sans-serif;font-weight:400;font-size:1em;line-height:1.2em;color:rgb(95, 95, 95)}.strands.svelte-180qe8m{font-size:0.8em}@media screen and (max-width: 600px){.video-title.svelte-180qe8m{font-size:1.1em}.video-desc.svelte-180qe8m{font-size:0.8em}.strands.svelte-180qe8m{font-size:0.6em}}
.image.svelte-10uvkla.svelte-10uvkla{display:inline-flex;margin:auto auto;width:100%;height:100%;align-items:center;justify-content:center;background-repeat:no-repeat;background-size:auto 100%;background-position:center center}.image.svelte-10uvkla .play-button.svelte-10uvkla{height:100%;width:100%;background:url(/images/icons/button_play.svg), no-repeat;background-size:100% 100%}.image.svelte-10uvkla .play-button.svelte-10uvkla:hover{background:url(/images/icons/button_play_hover.svg), no-repeat;background-size:100% 100%}.image.svelte-10uvkla .play-button.svelte-10uvkla:active{background:url(/images/icons/button_play_pressed.svg), no-repeat;background-size:100% 100%}@media only screen and (max-width: 838px){.image.svelte-10uvkla.svelte-10uvkla{background-position:right center}}

/*# sourceMappingURL=bundle.css.map */