#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}li{text-align:left}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@media print{div{page-break-inside:avoid}html,body{margin:0}.noPrint{display:none!important}}.main-container{display:grid;grid-template-columns:repeat(1,1fr);border-collapse:collapse;border-style:none;padding:0;grid-row-gap:.5em}.grade-container{display:grid;grid-template-columns:repeat(5,1fr);grid-template-areas:"q1 q2 q3 q4 y1" "q1grade q2grade q3grade q4grade y1grade" "q1absent q2absent q3absent q4absent y1absent" "q1comment q1comment q1comment q1comment q1comment" "q2comment q2comment q2comment q2comment q2comment" "q3comment q3comment q3comment q3comment q3comment" "q4comment q4comment q4comment q4comment q4comment" "y1comment y1comment y1comment y1comment y1comment";column-gap:10px;border-collapse:collapse;border-style:solid;padding:0}.grid-container{display:grid;grid-template-columns:repeat(1,1fr);grid-template-areas:"title" "teacher" "grades" "comments";column-gap:5px;row-gap:5px;border-collapse:collapse;border-style:inset;padding:0}.comments-container{display:grid;grid-template-columns:repeat(1,1fr);grid-template-areas:"q1comment" "q2comment" "q3comment" "q4comment" "y1comment";column-gap:2px;border-collapse:collapse;border-style:dotted;padding:0}.comments{width:100%;border:1px dotted black;border-collapse:collapse;text-align:left}.grid-item{background-color:#fffc;border:1px solid rgba(0,0,0,.8);padding:20px;font-size:30px;text-align:center}.period{text-align:center;font-weight:700}.course-title{grid-area:title}.grade-container{grid-area:grades}.comments-container{grid-area:comments;border:black 1px solid}.course-teacher{grid-area:teacher}.q1{grid-area:q1}.grade-q1{grid-area:q1grade}.absent-q1{grid-area:q1absent}.comments-q1{grid-area:q1comment}.q2{grid-area:q2}.comments-q2{grid-area:q2comment}.grade-q2{grid-area:q2grade}.absent-q2{grid-area:q2absent}.q3{grid-area:q3}.grade-q3{grid-area:q3grade}.absent-q3{grid-area:q3absent}.comments-q3{grid-area:q3comment}.q4{grid-area:q4}.grade-q4{grid-area:q4grade}.absent-q4{grid-area:q4absent}.comments-q4{grid-area:q4comment}.y1{grid-area:y1}.grade-y1{grid-area:y1grade}.absent-y1{grid-area:y1absent}.comments-y1{grid-area:y1comment}body{-webkit-font-smoothing:antialiased;font: .8764em/1.5em Arial,Verdana,sans-serif;margin:0;padding:5em}.course,.teacher{border:1px solid black;font-weight:700;margin:.25em;padding:.25em}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}