var body = document.body; body.className += " u-body u-stick-footer u-xl-mode"; body.style.cssText += " "; var dataBg = ''; if (dataBg) { body.setAttribute('data-bg', dataBg); } Literature & Color Sade the Spider Behavior 100 brings fun stories like Sade the Spider. We now forge an even deeper connection in learners as we take line art directly from the story to use as a coloring activity. Your browser does not support HTML5 video. A learner describes Sade the Spider. @media (max-width: 0px) { .u-section-3 .u-sheet-1 { min-height: 2106px; } .u-section-3 .u-shape-1 { width: 250px; height: 400px; margin-top: 834px; margin-right: 0; margin-bottom: 0; margin-left: auto; } .u-section-3 .u-shape-2 { width: 495px; height: 911px; background-image: none; margin-top: -1234px; margin-right: 0; margin-bottom: 0; margin-left: auto; } .u-section-3 .u-layout-wrap-1 { width: 1049px; margin-top: -829px; margin-right: auto; margin-bottom: 0; margin-left: 0; } .u-section-3 .u-layout-cell-1 { min-height: 361px; } .u-section-3 .u-container-layout-1 { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 0; } .u-section-3 .u-text-1 { text-transform: uppercase; letter-spacing: 5px; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; } .u-section-3 .u-text-2 { font-size: 4.1875rem; font-family: "Alfa Slab One"; letter-spacing: 4px; margin-top: 14px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .u-section-3 .u-layout-cell-2 { min-height: 361px; } .u-section-3 .u-container-layout-2 { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 50px; } .u-section-3 .u-text-3 { font-weight: 600; font-size: 1.5rem; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; } .u-block-5f24-22 { font-size: 1.125rem; font-weight: 700; text-transform: uppercase; margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .u-section-3 .u-layout-cell-3 { min-height: 610px; } .u-section-3 .u-container-layout-3 { padding-left: 0; padding-right: 0; } .u-section-3 .u-group-1 { min-height: 610px; margin-top: 0; margin-bottom: 0; } .u-section-3 .u-container-layout-4 { padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; } .u-section-3 .u-gallery-1 { height: 550px; margin-bottom: 0; margin-top: 0; } .u-section-3 .u-gallery-inner-1 { grid-gap: 10px 10px; grid-template-columns: auto auto auto; } .u-section-3 .u-over-slide-1 { background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .u-section-3 .u-over-slide-2 { background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .u-section-3 .u-over-slide-3 { background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .u-section-3 .u-over-slide-4 { background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .u-section-3 .u-back-image-5 { object-position: 50% 23.97%; } .u-section-3 .u-over-slide-5 { background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .u-section-3 .u-over-slide-6 { background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .u-section-3 .u-layout-cell-4 { min-height: 906px; } .u-section-3 .u-container-layout-5 { padding-top: 0; padding-right: 30px; padding-bottom: 0; padding-left: 0; } .u-section-3 .u-group-2 { width: 495px; background-image: none; min-height: 906px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0; } .u-section-3 .u-container-layout-6 { padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; } .u-section-3 .u-video-1 { height: 733px; width: 412px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; } .u-section-3 .u-rotation-parent-1 { width: 518px; height: 250px; margin-top: -617px; margin-right: 30px; margin-bottom: 0; margin-left: auto; } .u-section-3 .u-shape-3 { width: 250px; height: 518px; } .u-section-3 .u-text-4 { font-weight: 600; font-size: 1.5rem; margin-top: -459px; margin-right: auto; margin-bottom: 0; margin-left: 525px; } } 111