body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background-color:#f0f2f5}div#root{max-width:900px;margin:0 auto}a{color:#34b575}hr{border:none;height:1px;background-color:#d3d3d3}h1{font-size:2em}h1,h2,h3{font-weight:400}h3{font-size:1em}h1,h2,h3{margin:0 0 10px;padding:0 0 4px}div.footer,div.header{margin-top:20px}div.footer{display:flex;flex-direction:column;align-items:center}span.createdWith{font-size:.8em}div.header,div.lessonLinks{margin-bottom:20px}div.header a,div.lessonLinks a{color:#999}div.lessonLinks li{padding-bottom:8px}div.signInBox{margin-bottom:20px}p:first-of-type{padding-top:0;margin-top:0}div.lessonBlocks{display:flex;flex-direction:column;align-items:stretch}div.lessonBlockContainer{width:100%;margin-bottom:20px}div.lessonBlock:not(.divider){padding:12px;border:1px solid #ddd;border-radius:6px;background-color:#fff}div.lessonBlock:not(.image,.youtube,.divider){box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:20;margin-left:auto;margin-right:auto}div.lessonBlock.list,div.lessonBlock.text{align-items:flex-start}div.lessonBlock.audio audio{width:90%;margin:10px}div.lessonBlock.drawing,div.lessonBlock.image,div.lessonBlock.notation,div.lessonBlock.pdf{display:flex;flex-direction:column;align-items:center}div.pdfFrameContainer{display:block;overflow:hidden;padding-top:130%;position:relative;width:100%}div.pdfFrameContainer iframe{border:0;height:100%;width:100%;top:0;left:0;position:absolute}div.lessonBlocks span.dueDate{display:block;align-self:flex-end;color:red;font-weight:700;margin-bottom:10px;text-align:right}div.lessonBlock.image img,div.response img{box-shadow:0 3px 20px 0 hsla(0,0%,54.1%,.75);margin:10px auto;max-width:90%;max-height:600px}div.lessonBlock.youtube iframe{margin:10px;border:0}div.lessonBlock.youtube span.caption{text-align:center}.video-responsive{display:block;overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}div.lessonBlock.heading{align-self:flex-start}span.caption{display:block}ul{list-style-type:disc}ol,ul{margin-top:6px;padding-left:20px}ol li,ul li{margin-bottom:6px}ul.checkboxes{list-style-type:none}ul input[type=checkbox]{margin-right:6px}div.lessonBlock.audio a,div.lessonLinks{display:block}div.lessonBlock.audio a{margin-top:10px}div.lessonBlock.link{padding:0}div.linkContainer{display:flex;flex-direction:column;align-items:stretch;align-self:stretch}div.linkWithoutOpenGraph{padding:10px;display:flex;flex-direction:column;align-items:center}div.lessonBlock.link div.openGraphLink a{display:flex;flex-direction:column;align-items:stretch}div.lessonBlock.link div.openGraphLink,div.lessonBlock.link div.openGraphLink div.linkTextContainer{display:flex;flex-direction:column;align-items:stretch;text-decoration:none}div.lessonBlock.link div.openGraphLink div.linkImageContainer{display:flex;flex-direction:column;align-items:center}div.lessonBlock.link div.openGraphLink div.linkTextContainer{background-color:#eee;border-radius:0 0 6px 6px;align-self:stretch;padding:6px;display:flex;flex-direction:column;align-items:center}div.lessonBlock.link div.openGraphLink span.linkHeadline{text-decoration:none}div.lessonBlock.link div.openGraphLink img{max-width:80%;max-height:200px}div.responseFieldContainer{display:flex;flex-direction:column;width:100%;margin-top:15px;margin-bottom:20px}div.responseFieldContainer button.reply{align-self:flex-end}div.responses{margin-top:30px;margin-bottom:30px}div.response{border:1px solid grey;padding:6px;margin-left:10%;margin-right:10%;margin-bottom:8px;display:flex;flex-direction:column}div.response span.responseText{margin-bottom:10px}div.response span.responseDate,span.instructorResponse,span.responseDisplayName{color:#d3d3d3;font-size:.8em;margin-bottom:4px}span.instructorResponse{font-style:italic}div.response button{align-self:flex-end}div.responseField{position:relative;margin-top:10px}div.responseField,div.responseFieldInputs{display:flex;flex-direction:column;align-items:stretch}div.responseField textarea{height:100px}div.responseField button:first-of-type{align-self:flex-start}div.responseField button:last-of-type{align-self:flex-end}div.responseFile{display:flex;flex-direction:column;align-items:center}div.responseFieldStatus{position:absolute;background:hsla(0,0%,100%,.65);top:0;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center}@media print{.noprint{visibility:hidden}}@media (prefers-color-scheme:dark){body{background-color:#1e2022;color:#fff}a{color:#d3d3d3}a:visited{color:grey}div.lessonBlock:not(.divider){border:1px solid #555;background-color:#333}div.responseField textarea{background-color:#a9a9a9}div.lessonBlock.image img,div.response img{box-shadow:none!important}}