#app{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:10px}.school-year-header{color:#fff;font-weight:700;background-color:#000;text-align:center}.class-grid,.school-year-header{margin-left:10px;margin-right:10px}.class-grid{display:grid;grid-template-columns:5fr 1.5fr 1fr;gap:5px}.class-header{font-weight:700}.class-header,.class-item{display:contents;text-align:left}.class-footer{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px;margin-left:10px;margin-right:10px}.transcript[data-v-3b825bf8]{border:1px solid #000;margin:20px}.transcript-header[data-v-3b825bf8]{color:#fff;font-weight:700;font-size:1.2em;background-color:#000;text-align:center}.info-container[data-v-3b825bf8]{display:flex;justify-content:space-between}.school-year-container[data-v-3b825bf8]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.school-print[data-v-3b825bf8],.student-print[data-v-3b825bf8]{padding:10px;margin:10px;text-align:left}.transcript-footer[data-v-3b825bf8]{display:grid;grid-template-columns:1fr 1fr;margin-top:20px}.credits[data-v-3b825bf8]{text-align:right;padding-right:20px}.gpa[data-v-3b825bf8]{text-align:left;padding-left:20px}.school-year{margin-left:10px;margin-right:10px;display:flex;justify-content:space-between}.school-year-label{width:50%;margin-right:20px;text-align:right;margin-left:10px}.school-year-add-classes{width:50%;margin-left:20px;text-align:left}.info-container{display:flex;justify-content:space-between}.school,.student{padding:10px;margin:10px;text-align:right}label{font-weight:700}input{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;height:20px;width:200px;margin-bottom:2px}.app-header{display:flex;justify-content:space-between}.app-logo{width:40%;text-align:right;margin-right:10px}.app-title{font-size:1.5em;font-weight:700;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;width:60%;text-align:left;margin-top:5px;margin-left:10px}button{padding-top:5px;padding-bottom:5px;color:#fff;background-color:#37ca37;border:none}