@import"https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap";*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;font:18px "Josefin Sans",sans-serif;background:#333 url(images/dark-school.jpg) no-repeat center/cover fixed;color:#fff}h2{font-size:2em;letter-spacing:-0.03em;margin-bottom:.2em}a{color:inherit}img{max-width:90%}ul{text-align:left}p.gray{color:gray}p.green{color:#228b22}p.pending{color:#4169e1}blockquote{background:rgba(255,255,255,.2666666667);padding:1em}.card{position:fixed;top:50%;left:50%;width:95%;max-width:700px;transform:translate(-50%, -50%);background:#fff;color:#333;padding:1em;border-radius:4px;box-shadow:0 .5em 1em rgba(0,0,0,.4)}.card input[type=text],.card input[type=password]{border-bottom:2px solid #639}header,main,footer,.quiz{padding:1em}header h1{display:inline;vertical-align:middle;font-size:1em}header a{text-decoration:none}header img,#front-card img{height:3em;vertical-align:middle;filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.4))}button,.button,.classbutton,input[type=submit]{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:1em;margin:.5em;border-radius:.5em;background:#639;font:inherit;color:#fff;cursor:pointer;text-decoration:none;transition:all .3s}button:hover,.button:hover,.classbutton:hover,input[type=submit]:hover{background:#96c}button:active,.button:active,.classbutton:active,input[type=submit]:active{transform:scale(0.95)}button[disabled],button.disabled,.button[disabled],.button.disabled,.classbutton[disabled],.classbutton.disabled,input[type=submit][disabled],input[type=submit].disabled{opacity:.3;cursor:not-allowed}button+p,.button+p,.classbutton+p,input[type=submit]+p{margin-top:0}.classbutton{display:block;width:100%;margin:.5em auto}#enroll-card,#login-card,section,aside,#finish{display:none}#begin{display:block}.block{display:inline-block;width:100%;background:rgba(255,255,255,.9333333333);color:#222;padding:1rem;margin-bottom:1em;border-radius:4px}.block h3{text-align:center}#grade{border-radius:50%;text-align:center}#grade p{margin-bottom:0}.lettergrade{font-size:5em;margin:0}.youtube{width:100%;max-width:600px;height:320px}main.lesson{background:rgba(0,0,0,.6666666667);line-height:1.5em}@media screen and (min-width: 700px){main,footer,.quiz{padding:1em 3em 3em 3em}#main-grid{display:grid;grid:"welcome .        grade" "learn   learn    learn" "level1  level2   level3" "quizzes quizzes  quizzes" "quiz1   quiz2    quiz3" "more    more     more" "kidz    resources ." "footer  footer   footer"/1fr 1fr 1fr;grid-gap:2em;max-width:1400px;margin:0 auto}#welcome-h2{grid-area:welcome}#grade{grid-area:grade;align-self:center}#learn-h2{grid-area:learn}#level1{grid-area:level1}#level2{grid-area:level2}#level3{grid-area:level3}#quizzes-h2{grid-area:quizzes}#quiz1{grid-area:quiz1}#quiz2{grid-area:quiz2}#quiz3{grid-area:quiz3}#more-h2{grid-area:more}#kidz{grid-area:kidz}#resources{grid-area:resources}footer{grid-area:footer}}/*# sourceMappingURL=institute.css.map */