body{border-top:4px solid transparent;border-image:linear-gradient(90deg,#129cf3,#28c6c8,#ffc928,#f47b68) 1}.brand img{display:block;width:min(210px,42vw);height:auto}.learner{font-weight:700}.learner i{font-style:normal;color:#d99d22;margin:0 5px}header{box-shadow:0 2px 12px #17324d0d}.panel,.card{box-shadow:0 10px 30px #17324d14}.teacher{position:relative}.teacher:before{content:'*';position:absolute;inset:28px 20px auto;background:#fff4bd;color:#d99d22;border-radius:50%;height:190px;line-height:42px;font-size:22px;z-index:-1}.teacher img{filter:drop-shadow(0 8px 8px #17324d18)}.bubble{border:2px solid #cfe7f7;box-shadow:0 5px 16px #17324d12}.button{transition:transform .16s,box-shadow .16s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 12px #17324d20}.subject{border:0;border-top:6px solid var(--subject-color);transition:transform .16s,box-shadow .16s}.subject:hover{transform:translateY(-3px);box-shadow:0 12px 25px #17324d22}.subject:before{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef6fb;color:var(--subject-color);font-weight:900;font-size:18px;margin-bottom:10px}.subject-math{--subject-color:#129cf3}.subject-math:before{content:'+ /'}.subject-language-arts{--subject-color:#d49b00}.subject-language-arts:before{content:'B'}.subject-science{--subject-color:#159fa4}.subject-science:before{content:'F'}.subject-social-studies{--subject-color:#8656c7}.subject-social-studies:before{content:'O'}.subject-korean{--subject-color:#f47b68}.subject-korean:before{content:'A'}.small{color:var(--muted)}footer{border-top:3px solid transparent;border-image:linear-gradient(90deg,#129cf3,#28c6c8,#ffc928,#f47b68) 1;background:#17324d;color:#fff;padding:18px 5%;font-size:13px}footer span{color:#ffc928;margin:0 4px}footer em{float:right;color:#d9edf8;font-style:normal}@media(max-width:700px){footer em{display:block;float:none;margin-top:6px}}
 .grid .subject:nth-child(1){--subject-color:#129cf3;border-top-color:#129cf3}.grid .subject:nth-child(1):before{content:'+ /';color:#129cf3}.grid .subject:nth-child(2){--subject-color:#d49b00;border-top-color:#d49b00}.grid .subject:nth-child(2):before{content:'B';color:#d49b00}.grid .subject:nth-child(3){--subject-color:#159fa4;border-top-color:#159fa4}.grid .subject:nth-child(3):before{content:'F';color:#159fa4}.grid .subject:nth-child(4){--subject-color:#8656c7;border-top-color:#8656c7}.grid .subject:nth-child(4):before{content:'O';color:#8656c7}.grid .subject:nth-child(5){--subject-color:#f47b68;border-top-color:#f47b68}.grid .subject:nth-child(5):before{content:'A';color:#f47b68}
 .grid .subject:nth-child(1):before{content:'+ − × ÷';font-size:12px}.grid .subject:nth-child(2):before{content:'▱';font-size:24px}.grid .subject:nth-child(3):before{content:'⚗';font-size:21px}.grid .subject:nth-child(4):before{content:'◎';font-size:25px}.grid .subject:nth-child(5):before{content:'◌◌';font-size:16px}
 .grid .subject:nth-child(1):before{content:'';background-color:#eef6fb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23129cf3' stroke-width='3'%3E%3Crect x='9' y='5' width='30' height='38' rx='3'/%3E%3Cpath d='M14 13h20M14 21h5m5 0h5M14 29h5m5 0h5M14 37h5m5 0h5'/%3E%3C/svg%3E");background-size:72%;background-repeat:no-repeat;background-position:center}.grid .subject:nth-child(2):before{content:'';background-color:#fff8dc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23d49b00' stroke-width='3' stroke-linejoin='round'%3E%3Cpath d='M5 11c8-4 14-2 19 3v27c-5-5-11-7-19-3zM43 11c-8-4-14-2-19 3v27c5-5 11-7 19-3z'/%3E%3C/svg%3E");background-size:76%;background-repeat:no-repeat;background-position:center}.grid .subject:nth-child(3):before{content:'';background-color:#e7fbfb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23159fa4' stroke-width='3' stroke-linejoin='round'%3E%3Cpath d='M19 6h10M22 6v11l-9 17a5 5 0 004 7h14a5 5 0 004-7l-9-17V6M17 31h14'/%3E%3C/svg%3E");background-size:72%;background-repeat:no-repeat;background-position:center}.grid .subject:nth-child(4):before{content:'';background-color:#f2ebfc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%238656c7' stroke-width='2.5'%3E%3Ccircle cx='24' cy='24' r='18'/%3E%3Cpath d='M6 24h36M24 6c6 6 6 30 0 36M24 6c-6 6-6 30 0 36M9 14h30M9 34h30'/%3E%3C/svg%3E");background-size:76%;background-repeat:no-repeat;background-position:center}.grid .subject:nth-child(5):before{content:'';background-color:#fff0ed;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f47b68' stroke-width='3' stroke-linejoin='round'%3E%3Cpath d='M7 9h22a7 7 0 017 7v9a7 7 0 01-7 7H18l-9 7v-7a7 7 0 01-2-5v-11a7 7 0 010-7z'/%3E%3Cpath d='M22 20h19a5 5 0 015 5v7a5 5 0 01-5 5h-7l-6 5v-5h-6'/%3E%3C/svg%3E");background-size:78%;background-repeat:no-repeat;background-position:center}