html,body,#root,.flexContainer{width:100%;height:100%}body{background-color:#fff;font-family:Fira Sans;font-size:120%;font-weight:400}header{text-align:center;margin:10px 25%}h1,h2,h3,h4,h5{color:teal}header h1,header h2,header h3,header h4,header h5{color:#fff}header#appTitle h1{color:teal;background-color:#e0e0e0;border-radius:32px;font-size:150%}header.notesHeader{color:#fff;background-color:teal;border-radius:32px}.subtitle{text-align:center;margin:10px 25%}a{text-decoration:none}pre{padding:5px;font-size:120%;overflow:auto}pre.vector{display:inline-block}img{border-style:none;max-width:90%}em{font-style:italic;font-weight:500}strong{font-style:normal;font-weight:700}table{border-style:solid;border-width:2px;margin:5px}th{font-weight:solid;border-style:solid;border-width:2px}td{border-style:solid;border-width:2px;padding:5px;font-weight:400}.comment{color:green;font-style:italic;font-weight:700}div.warning{color:#ffc0c0;background-color:#fff;border:5px solid #000;font-weight:700}div.code{font-family:monospace}blockquote{background-color:#f0f0f0;font-style:italic}.content-exercise{border:1px solid silver;margin:8px;padding:8px}.logininput{justify-content:flex-end;display:flex}.intro{text-align:center;border:1px solid teal;width:50%;height:400px;margin:100px auto auto;font-size:150%;overflow:auto}.flexContainer{margin-top:16px;display:flex}.sidebar{text-align:center;width:128px}.notes{border:4px solid #000;border-radius:4px;width:calc(100% - 192px);height:100%;margin-left:auto;margin-right:auto;padding:10px;overflow:auto}.unauthorised{margin:"4px";border-radius:"4px";background-color:"#ffc0c0"}.completed{margin:"4px";border-radius:"4px";background-color:"#c0ffc0"}