@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap);#root,body,html{height:100%}body{font-family:Raleway,sans-serif;font-size:1.4em;background:#dfdfdf;color:#333}body,h1,h2,h3,p{margin:0}input,textarea{color:#333;padding:8px;font-size:1em;border-radius:4px;border:1px solid #d4d4d4;background-color:#fff;display:block;width:100%;box-sizing:border-box}.page-title{color:#333}.error,.loading,.page-title{text-align:center;margin:40px auto}.navbar{background:#58249c;padding:20px;color:#fff}.navbar nav{display:flex;align-items:center;max-width:1200px;margin:0 auto}.navbar a.brand{margin-right:auto;color:#fff;text-decoration:none}.navbar a:last-child{color:#fff;text-decoration:none;margin-left:40px;padding:8px;border:1px solid #fff;border-radius:4px}.navbar a:last-child:hover{background:#fff;color:#333}.nav-links.active{display:flex;flex-direction:column;align-items:center;max-width:-webkit-fill-available}@media (max-width:750px){.navbar nav{flex-direction:column;align-items:flex-end}.navbar a:last-child{margin-top:40px}}.theme-selector{display:flex;justify-content:flex-end;align-items:center;max-width:1200px;margin:20px auto}.theme-buttons div{display:inline-block;width:20px;height:20px;cursor:pointer;margin-left:15px;border-radius:50%}.mode-toggle{margin-right:auto}.mode-toggle img{width:24px;height:24px;cursor:pointer}@media (max-width:1220px){.mode-toggle{margin-left:20px}.theme-selector{margin-right:20px}}.home{max-width:1240px;margin:60px auto}.card-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px;max-width:1240px;margin:40px auto;padding:0 20px}.card-list.game{padding:0}.card-list .card{background:#fff;color:#333;padding:20px;border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,.05);transition:all .3s ease;position:relative}.card-list .card:hover{transform:rotate(3deg)}.card-list .card h3{color:#555;margin-bottom:6px}.card-list .date{text-align:center}.card-list .card p{color:#999;font-size:.9em}.card-list .card div{color:#555;font-size:.7em;margin:20px 0;line-height:1.5em}.card-list .card a{color:#555;text-decoration:none;display:block;background:#e2e2e2;font-size:.9em;width:100px;text-align:center;width:120px;padding:8px;border-radius:4px;margin:20px auto 0}.card-list .icon-container{width:100%;text-align:center}.card-list .card-icon{height:80px}.card-list .card.dark{background:#555}.card-list .card.dark div,.card-list .card.dark h3,.card-list .card.dark p{color:#e4e4e4}.card-list .category{padding:5px 15px;text-align:center;border-radius:20px;border:1px solid #555;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto!important}.card-list.dark .category{border-color:#e4e4e4}.card-list a{cursor:pointer}@media (max-width:750px){.card-list{grid-template-columns:1fr}}.layout-journal{max-width:1240px;margin:60px auto;padding:0 20px}.layout-journal .about{margin-top:20px}.layout-journal.dark div,.layout-journal.dark h1,.layout-journal.dark h2,.layout-journal.dark h3,.layout-journal.dark p,.layout-journal.dark ul li{color:#e4e4e4}.layout-journal .header{padding:0 20px}.layout-journal .select-picker{margin-left:20px;margin-top:20px;font-size:18px;padding:10px}.journal{max-width:1200px;margin:40px auto;text-align:center;background:#fff;padding:40px;box-sizing:border-box}.journal .summary{text-align:left;margin-top:40px}.journal .icon{width:50px}.journal ul li{text-align:left}.journal img{width:100%;max-width:400px;padding:20px 0}.journal a{text-decoration:none}.journal .link{margin-top:120px}.journal .readings h5,.journal .readings p{text-align:left}.journal .lesson-title{margin-bottom:20px}.journal .lesson-link,.journal .readings p{margin-top:20px}.journal .game-link{margin:40px 0 20px}.journal .breadcrumbs{display:flex}.journal.dark{background:#555}.journal.dark div,.journal.dark h1,.journal.dark h2,.journal.dark h3,.journal.dark h4,.journal.dark p,.journal.dark ul li{color:#e4e4e4}@media (min-width:1020px){.journal .video{width:100%;height:100%;min-height:500px}}.footer{display:flex;align-items:center;max-width:1200px;margin:0 auto;padding:20px}.contactForm{padding:10px;width:90%;max-width:400px;margin:30px auto;border-radius:10px;display:flex;flex-direction:column;grid-gap:20px;gap:20px}.contactForm input,button,textarea{height:50px;padding-left:5px;font-size:18px;margin:10px 0}.contactForm textarea{height:100px}.contactForm button{padding:0 20px;cursor:pointer}.memory-game{max-width:860px;margin:40px auto;padding:40px}.memory-game button{background:none;border:2px solid #000;padding:6px 12px;border-radius:4px;color:#000;font-weight:700;cursor:pointer;font-size:1em;margin:40px 0}.memory-game button:hover{background-color:#c23866;color:#fff}.memory-game .card-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px}.memory-game .breadcrumbs{display:flex;margin-bottom:80px}.memory-game.dark div,.memory-game.dark h1,.memory-game.dark h2,.memory-game.dark h3,.memory-game.dark p,.memory-game.dark ul li{color:#e4e4e4}.memory-game.dark button{color:#e4e4e4;border-color:#e4e4e4}.memory-game a{text-decoration:none}.memory-game .link{margin-top:120px}@media (max-width:1020px){.memory-game{padding:0 20px}}.card-game{position:relative}.card-game img{width:100%;display:block;border:2px solid #fff;border-radius:36px}.card-game .front{transform:rotateY(90deg);position:absolute;transition:all .2s ease-in}.flipped .front{transform:rotateY(0deg);transition-delay:.2s}.card-game .back{transition:all .2s ease-in;transition-delay:.2s;cursor:pointer}.flipped .back{transform:rotateY(90deg);transition-delay:0s}.scratch-game{max-width:1240px;margin:60px auto;text-align:center;padding:40px}.scratch-game img{margin:40px 0;width:100%;max-width:800px}.scratch-game h1{margin-bottom:40px}.scratch-game .breadcrumbs{display:flex;margin-bottom:80px}.scratch-game.dark div,.scratch-game.dark h1,.scratch-game.dark h2,.scratch-game.dark h3,.scratch-game.dark p,.scratch-game.dark ul li{color:#e4e4e4}.psychward-game{max-width:1240px;margin:60px auto;text-align:center;padding:40px}.psychward-game img{margin:40px 0;width:100%;max-width:800px}.psychward-game h1,.psychward-game p{margin-bottom:40px}.psychward-game p{margin-top:20px}.psychward-game .game-container{margin:40px 0}.psychward-game .breadcrumbs{display:flex;margin-bottom:80px}.psychward-game.dark div,.psychward-game.dark h1,.psychward-game.dark h2,.psychward-game.dark h3,.psychward-game.dark p,.psychward-game.dark ul li{color:#e4e4e4}.lesson{max-width:1200px;margin:40px auto;text-align:center;background:#fff;padding:40px;box-sizing:border-box}.lesson .summary{text-align:left;margin-top:40px}.lesson .grades{margin-top:20px}.lesson .breadcrumbs{display:flex}.lesson .icon{width:50px}.lesson ul li{text-align:left}.lesson img{width:100%;max-width:400px;padding:20px 0}.lesson a{text-decoration:none}.lesson .link{margin-top:120px}.lesson .readings h5,.lesson .readings p{text-align:left}.lesson .readings p{margin-top:20px}.lesson.dark{background:#555}.lesson.dark div,.lesson.dark h1,.lesson.dark h2,.lesson.dark h3,.lesson.dark h4,.lesson.dark p,.lesson.dark ul li{color:#e4e4e4}.lesson .row{text-align:left}@media (min-width:1020px){.lesson .video{width:100%;height:100%;min-height:500px}}.project{max-width:1200px;margin:40px auto;text-align:center;background:#fff;padding:40px;box-sizing:border-box}.project .summary{text-align:left;margin-top:40px}.project .icon{width:50px}.project .breadcrumbs{display:flex}.project .row,.project ul li{text-align:left}.project img{width:100%;max-width:500px;padding:20px 0}.project a{text-decoration:none}.project .link{margin-top:120px}.project .readings h5,.project .readings p{text-align:left}.project .lesson-title{margin-bottom:20px}.project .lesson-link,.project .readings p{margin-top:20px}.project.dark{background:#555}.project.dark div,.project.dark h1,.project.dark h2,.project.dark h3,.project.dark h4,.project.dark p,.project.dark ul li{color:#e4e4e4}@media (min-width:1020px){.project .video{width:100%;height:100%;min-height:500px}}.App{min-height:100%}.layout{max-width:1200px;margin:60px auto;padding:0 20px}.layout .about{margin-top:20px}.App.dark{background-color:#333}.layout.dark div,.layout.dark h1,.layout.dark h2,.layout.dark h3,.layout.dark p,.layout.dark ul li{color:#e4e4e4}
/*# sourceMappingURL=main.ee77aa6b.chunk.css.map */