:root{--background-color:#1e1e1e;--foreground-color:#171717;--darker-color:#141414;--brighter-color:#2b2b2b;--brightest-color:#3c3c3c;--rounding:0;--text-color:#fff;--accent-color:#842593;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizelegibility;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}#wrapper{flex-direction:column;min-height:100vh;display:flex}body{margin:0}header{background-color:var(--darker-color);border-bottom:var(--brighter-color) 4px solid;flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px;display:flex}header div>h3{text-align:right}header a img:hover{filter:drop-shadow(0 0 12px var(--accent-color))}header :first-child,header :last-child{flex:1 0}h3.code{font-size:130%;font-family:var(--font-inconsolata), system-ui, sans-serif}footer .code{font-size:110%}.code{font-family:var(--font-inconsolata), system-ui, sans-serif}.fnak{font-family:var(--font-fnak), system-ui, sans-serif}span.fnak{text-rendering:optimizelegibility;shape-rendering:crispedges;color:#fff;font-size:32px}.center span.fnak{text-align:center}span.pixelify{font-size:80%}footer{background-color:var(--darker-color);border-top:var(--brighter-color) 4px solid;flex-flow:wrap;place-content:center space-between;align-items:center;row-gap:16px;padding:16px 25px;display:flex}footer p{align-content:center;height:48px;margin-top:0;margin-bottom:0}h2{margin-top:10px}.center{justify-content:center;display:flex}.main{border-radius:var(--rounding);flex-direction:column;justify-content:start;row-gap:30px;width:65%;margin:0 10px;padding:30px 0;display:flex}.center-rows{flex-direction:column;row-gap:30px;display:flex}p,li{font-size:110%}#main-content{flex:1;overflow-y:auto}.pixel{image-rendering:pixelated}#link-image-container{flex-wrap:wrap;justify-content:space-evenly;row-gap:40px;display:flex}.linkImage{background-color:var(--foreground-color);border-radius:calc(var(--rounding) / 2);flex-direction:column;width:500px;display:flex}div.linkImage:hover{filter:drop-shadow(0 0 16px var(--accent-color))}.linkImage img{border-radius:calc(var(--rounding) / 2);width:500px;height:250px}div.linkImage h3,div.linkImage p{margin:4px 10px}.social-media-widgets{image-rendering:pixelated;flex-wrap:wrap;flex-grow:1;justify-content:right;align-items:center;gap:16px;display:flex}.social-media-widgets a{align-content:center;display:flex}.social-media-widgets :hover{filter:drop-shadow(0 0 4px var(--accent-color))}.notice{background-color:#e18c00;border-bottom:4px solid #cd6400;justify-content:center;align-self:center;align-items:center;width:100vw;min-height:80px;margin-top:-30px;display:flex}.notice h2{margin:0}.notice-wrapper{align-self:center}input,select{font-weight:600}.form-div input[type=submit]{border-radius:calc(var(--rounding) / 2);width:150px;height:50px;color:var(--text-color);background-color:#b40000;border-style:hidden;border-color:#232323;margin-top:25px;font-size:20px;transition:all .2s cubic-bezier(.215,.61,.355,1)}.form-div input[type=submit]:hover{background-color:#960000}.timetable{flex-direction:column;align-items:center;row-gap:20px;display:flex}#table-renderer{background-color:var(--foreground-color);border-radius:var(--rounding);flex-direction:column;padding:25px;display:flex}#table-renderer>div{padding:4px 8px}#table-renderer h3{margin-top:0}#table-renderer h2{margin-bottom:0}table{text-align:left;width:80%;margin:auto}#toolbar{background-color:var(--darker-color);border-bottom:var(--brighter-color) 4px solid;flex-flow:wrap;justify-content:space-between;align-items:center;row-gap:8px;margin:-20px -20px 12px;padding:12px;display:flex}#toolbar>div{flex:1}#toolbar>div:last-child{justify-content:right;margin:auto}#toolbar input[type=button]{color:var(--text-color);border-radius:calc(var(--rounding) / 2);background-color:var(--darker-color);border-style:hidden;height:100%;margin:auto 4px}#toolbar input[type=button].selected{border:4px outset #b40000;margin:auto}#toolbar select{text-align:left;width:12rem;color:var(--text-color);background-color:var(--darker-color);border-radius:calc(var(--rounding) / 2);border:4px solid #0000}#toolbar select:hover{border:4px outset #b40000}#toolbar div{flex-direction:row;column-gap:8px;display:flex}.imgInput{background-color:unset;border:none;border-radius:100%;place-content:center;padding:0;transition:all .2s cubic-bezier(.215,.61,.355,1);display:flex}.imgInput:hover{background-color:var(--brighter-color);margin:-3px;padding:3px}#toolbar #day-switcher{flex-direction:row;column-gap:6px;height:100%;display:flex}.line{border-radius:calc(var(--rounding) / 4);background-color:red;margin-top:2px;margin-bottom:15px;margin-left:2px}.default-div{background-color:var(--foreground-color);border-left:var(--darker-color) 4px solid;border-bottom:var(--brighter-color) 4px solid;border-right:var(--darker-color) 4px solid;border-top:var(--brighter-color) 4px solid;align-self:center;min-width:60vw;padding:20px;overflow:auto}.default-div h2{margin:0}.default-div h3{margin:0;font-size:125%}.default-div p{margin-bottom:0}.form-div{background-color:var(--foreground-color);border-radius:var(--rounding);min-width:initial;flex-direction:column;width:min-content;margin:auto;padding:0;display:flex}.form-div div{flex-direction:column;align-items:start;row-gap:4px;display:flex}.form-div .error-div{text-overflow:ellipsis;background-color:#b40000;border-style:hidden;width:auto;padding:8px}.error-div h2{text-align:center;align-self:center}.error-div p{text-align:center;margin:8px 12px}.form-div .form-wrapper{flex-direction:column;justify-content:center;padding:20px;display:flex}.form-div .form-wrapper div:last-child input{align-self:center}.form-div h1{margin:0}.form-div form{flex-direction:column;row-gap:20px;display:flex}.form-div .password-field{flex-direction:row;align-content:center;column-gap:6px;display:flex}.h-div{flex-direction:row;align-items:center;column-gap:8px;display:flex}.h-div p{margin-top:0}p.note{margin-top:0;margin-bottom:8px;display:inline-block}p.note img{vertical-align:text-bottom;margin:0 2px}#header-middle{flex-direction:column;display:flex}#header-middle>h1{margin-top:16px}#header-middle>#dsb-subtitle{text-align:right;color:#dc0000;margin-top:-32px;margin-bottom:16px;padding-right:4px}#exam-list,#timetable-list{background-color:var(--background-color);border-bottom:var(--brighter-color) 4px solid;border-left:var(--foreground-color) 4px solid;border-right:var(--foreground-color) 4px solid;flex-flow:wrap;justify-content:center;align-self:center;align-items:center;width:100%;padding:12px;display:flex}#exam-list>div,#timetable-list>div{width:100%}#exam-list>div>div{border-bottom:var(--brighter-color) 2px solid;margin-bottom:10px;padding-bottom:10px}#exam-list>div>div>div:not(:nth-child(2)) h3{padding-top:12px}#exam-list>div>div:last-child{border-bottom:none;margin-bottom:auto;padding:0}#exam-list>div>div:last-child .exam-day-wrapper{padding-bottom:0}#exam-list>div>div:first-child{justify-content:center;display:flex}#exam-list>div>div:first-child>input{flex-grow:1}.exam{background-color:var(--brighter-color);border-radius:calc(var(--rounding) / 2);border-top:var(--brightest-color) 4px solid;border-left:var(--background-color) 4px solid;border-bottom:var(--brightest-color) 4px solid;border-right:var(--background-color) 4px solid;flex-direction:row;justify-content:space-between;padding:12px;display:flex}.exam h3{margin-bottom:6px}.exam p{margin:0}.exam a,.exam input[type=button]{color:var(--text-color);border-radius:calc(var(--rounding) / 2);background-color:#0a5ac8;border-style:hidden;align-self:flex-end;height:fit-content;padding:8px;transition:all .2s cubic-bezier(.215,.61,.355,1)}.exam-day-wrapper{background-color:var(--background-color);flex-direction:column;row-gap:16px;padding-top:8px;padding-bottom:8px;display:flex}#course-selection{flex-direction:column;justify-content:center;margin:8px;display:flex}#course-selection h2{margin:0}#course-selection p{margin:5px 0}#course-list-wrapper,#exam-list-wrapper,#timetable-wrapper{flex-flow:wrap;place-content:center;display:flex}#course-list{background-color:var(--background-color);border-radius:calc(var(--rounding) / 2);border-bottom:var(--brighter-color) 4px solid;border-left:var(--foreground-color) 4px solid;border-right:var(--foreground-color) 4px solid;border-top-left-radius:0;flex-flow:wrap;justify-content:center;align-self:center;align-items:center;width:100%;display:flex}#grade-selector,#exam-selector,#timetable-selector{background-color:var(--background-color);border-top:var(--brighter-color) 4px solid;border-left:var(--foreground-color) 4px solid;flex-direction:column;flex-grow:0;flex-shrink:1;place-content:center;align-items:center;row-gap:6px;width:150px;padding:6px;display:flex}.borderifier{flex-direction:row;flex-grow:1;align-items:end;display:flex}.borderifier>:first-child{border-top:var(--brighter-color) 4px solid;border-right:var(--foreground-color) 4px solid;flex-basis:0;align-self:flex-start;width:0}.borderifier>:nth-child(2){border-left:var(--foreground-color) 4px solid;border-bottom:var(--brighter-color) 4px solid;flex-grow:1;height:min-content;margin-left:-4px}.borderifier>:last-child{border-top:var(--brighter-color) 4px solid;border-right:var(--foreground-color) 4px solid}#grade-selector h3,#exam-selector h3,#timetable-selector h3{margin:0}#grade-input,#exam-input{display:flex}#grade-input *,#exam-input *{padding:4px}input[type=text]{color:#fff;background-color:var(--darker-color);border:none}#grade-selector input[type=text]{border-top-left-radius:calc(var(--rounding) / 4);border-bottom-left-radius:calc(var(--rounding) / 4);border-right:var(--brighter-color) 2px solid;width:60px}.course input[type=text]{border-radius:calc(var(--rounding) / 4)}input[type=text]:focus,#grade-selector select:hover,#exam-selector select:hover,#timetable-selector select:hover,select#exam-selector-standalone:hover select#timetable-selector-standalone:hover{background-color:var(--brighter-color);outline:none}#grade-selector select{color:#fff;background-color:var(--darker-color);border-top-right-radius:calc(var(--rounding) / 4);border-bottom-right-radius:calc(var(--rounding) / 4);border:none}#exam-selector select,select#exam-selector-standalone,#timetable-selector select,select#timetable-selector-standalone{color:#fff;background-color:var(--darker-color);border-radius:calc(var(--rounding) / 4);border:none}.course{background-color:var(--brighter-color);border-top:var(--brightest-color) 4px solid;border-left:var(--background-color) 4px solid;border-bottom:var(--brightest-color) 4px solid;border-right:var(--background-color) 4px solid;flex-direction:column;align-items:center;margin:12px;padding:12px;display:flex;overflow-x:hidden}.course select,.option select{color:#fff;background-color:var(--foreground-color);border:none;width:144px;height:fit-content;padding:2px 6px}.course input[type=color]{border-radius:calc(var(--rounding) / 4);border:none}.course select:disabled,.option select:disabled{color:#999}.course input[type=text]:focus,.course select:focus,.course select:hover,.option select:focus,.option select:hover{background-color:var(--background-color);outline:none}.course h3{margin-top:8px;margin-bottom:12px}#course-adder,.course>div{flex-direction:column;row-gap:8px;display:flex}#course-adder{width:100%}.course>div:first-child{flex-direction:row;justify-content:space-between;width:100%;display:flex}#course-adder input[type=submit]{color:var(--text-color);border-radius:calc(var(--rounding) / 2);background-color:#0a5ac8;border-style:hidden;padding:6px;transition:all .2s cubic-bezier(.215,.61,.355,1)}#course-adder input[type=submit]:hover{background-color:#0046b4}.course>div input[type=button]{color:var(--text-color);border-radius:calc(var(--rounding) / 2);background-color:#b40000;border-style:hidden;padding:6px;transition:all .2s cubic-bezier(.215,.61,.355,1)}.course>div input[type=button]:hover{background-color:#960000}.course span{text-wrap:nowrap;text-overflow:ellipsis;width:144px;height:22px;font-weight:600;overflow:hidden}.course>div input[type=checkbox]{align-self:flex-start}a:link{color:#0a5ac8}a:visited{color:var(--accent-color)}a.linkImage{color:inherit;text-decoration:inherit}.option input[type=file]{opacity:0;width:0;height:0}.nyi{cursor:not-allowed}.nyi:hover img{filter:grayscale()}ol{list-style-type:upper-roman}ol li::marker{font-weight:600}.option{background-color:var(--brighter-color);border-top:var(--brightest-color) 4px solid;border-left:var(--background-color) 4px solid;border-bottom:var(--brightest-color) 4px solid;border-right:var(--background-color) 4px solid;flex-direction:column;row-gap:10px;padding:6px;display:flex}.option p{margin:0}.option>div{flex-direction:row;justify-content:space-between;display:flex}.option>div>div{flex-direction:row;align-items:center;column-gap:4px;display:flex}.option label{font-size:110%}span.blue{color:#0a5ac8}a.fakebutton,label.fakebutton,a.fakebutton:visited,input.fakebutton{color:var(--text-color);width:fit-content;font-weight:600;font-size:initial;background-color:#0a5ac8;border-style:hidden;padding:6px;text-decoration:none;transition:all .2s cubic-bezier(.215,.61,.355,1)}a.fakebutton:hover,label.fakebutton:hover,a.fakebutton:visited:hover,input.fakebutton:hover{cursor:pointer;background-color:#0046b4}input.fakebutton:disabled{cursor:not-allowed;background-color:#777}.fakebutton.red{background-color:#b40000}.fakebutton.red:hover{background-color:#960000}.red{color:red}.secret{display:none}.settings-div{background-color:var(--background-color);border-top:var(--brighter-color) 4px solid;border-bottom:var(--brighter-color) 4px solid;border-left:var(--foreground-color) 4px solid;border-right:var(--foreground-color) 4px solid;flex-direction:column;row-gap:10px;padding:8px;display:flex}#reset-div{flex-direction:column;row-gap:8px;display:flex}#reset-div>div>div{flex-direction:row;column-gap:8px;display:flex}#new-slist{background-color:var(--background-color);border-radius:calc(var(--rounding) / 2);flex-flow:wrap;justify-content:center;align-self:center;align-items:baseline;width:100%;display:flex}.new-s{background-color:var(--brighter-color);border-radius:calc(var(--rounding) / 2);background-color:var(--brighter-color);flex-direction:column;align-items:center;width:220px;min-height:160px;margin:16px;display:flex;overflow-x:hidden}.new-s>div{width:100%}.new-s>div div{padding:12px}.new-s>div>div:first-child{text-align:left;padding:8px}.new-s h2{text-align:left}.new-s>div>h2{margin:12px 12px -6px}.new-s h2 del{font-weight:400}.new-s p{margin:0}.s-grid{flex-wrap:wrap;display:flex}.s-grid *{flex:50%}.s-free{filter:saturate(.9);background-color:#b40000}.s-moved{filter:saturate(.9);background-color:#0046b4}.s-exam{background-color:var(--accent-color);filter:saturate(.9)}.s-subst{filter:saturate(.9);background-color:#ff8c14}.s-darker{background-color:var(--foreground-color);border-top:var(--background-color) 4px solid}.s-free,.s-moved,.s-exam,.s-subst{flex-direction:row;justify-content:space-between;display:flex}@media screen and (width<=767px){.default-div{overflow-wrap:break-word;min-width:82vw;max-width:82vw;overflow-x:hidden}.form-div{min-width:initial;max-width:initial}#course-list-wrapper{justify-content:center;align-self:center}.course{height:258px;overflow-wrap:initial;width:180px}.exam{flex-direction:column;justify-content:center}.exam a,.exam input[type=button]{text-align:center;align-self:center;width:calc(100% - 24px);margin-top:12px;padding:12px}.exam input[type=button]{text-overflow:ellipsis;width:100%}.course>div input[type=button],#course-adder input[type=submit]{padding:12px}.linkImage{width:250px}.linkImage img{width:250px;height:125px}.notice{text-align:center;overflow-wrap:break-word;overflow-x:hidden}.notice h2{margin:4px}.option>div{flex-direction:column;row-gap:8px}.option>div input:last-child,.option>div select:last-child{align-self:flex-end}.option input[type=checkbox],.course input[type=checkbox]{width:24px;height:24px}.option select{height:30px}}@media screen and (width<=500px){.new-s{width:70vw}.new-s>div{width:100%}.new-s>div>div:first-child{text-align:center;padding:12px}header>div:first-child,header>div:last-child{display:none}header{justify-content:center}.course{height:initial;align-items:start;width:70vw;padding:15px;overflow:hidden}.course>div{flex-flow:wrap;align-items:baseline;row-gap:12px}.course>div :not(div):not(img),.course>div div.flex{flex:50%}.course h3{margin-top:0;margin-bottom:30px}#course-adder select,#course-adder input[type=text]{width:65vw;height:30px}.course span{overflow:initial;text-wrap:initial;line-height:100%}}
