*,*::before,*::after{box-sizing:border-box}:root{--light: hsl(50, 100%, 95%);--dark: hsl(340, 7%, 17%);--yellow: hsl(50, 95%, 75%);--light-yellow: hsl(50, 100%, 88%);--red: hsl(0, 75%, 60%);--pink: hsl(0, 100%, 80%);--light-pink: hsl(0, 100%, 90%);--lightest-pink: hsl(0, 100%, 95%);--main: var(--dark);--bg: var(--light);--accent: var(--red);--accent-lighter: var(--pink);--accent-light: var(--light-pink);--accent-lightest: var(--lightest-pink);--accent-2: var(--yellow);--accent-2-light: var(--light-yellow);font-size:16px}@media only screen and (max-width: 400px){:root{font-size:12px}}body{margin:0;font-family:"Work Sans",sans-serif;line-height:1.5;background-color:var(--bg);color:var(--main);overflow:overlay;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{margin:0}h1{font-size:2.1em;margin:1rem 0 0 0}h2{font-size:1.6em}h3{font-size:1.4em}h4{font-size:1.15em}h5{font-size:1em}h6{font-size:.9em}a[href]{text-decoration:underline;color:var(--accent)}.accent-2{color:var(--accent-2)}section#header{background-color:var(--accent);color:var(--light);padding:.5rem 1rem;font-family:"Righteous",sans-serif;font-size:2em}section#body{padding:0rem 1rem 1rem 1rem}section#footer{background-color:var(--accent);color:var(--main);padding:1rem 2rem;min-height:0;text-align:center;position:relative;text-transform:lowercase}section#footer a{color:var(--main)}section#footer a:hover{color:var(--accent-light)}section#footer .copyright{font-size:.75rem}.timetable-container{border:.1rem solid var(--main);display:inline-block}#timetable-wrapper{--bg: #fff;padding:.5rem;background-color:var(--bg)}#timetable{background-color:var(--bg);border:.1rem solid var(--main);margin:1rem;aspect-ratio:1.414/1;height:32rem;display:flex;flex-direction:column}#timetable>div.row-times{min-height:1.2rem;max-height:1.2rem;display:flex}#timetable>div.row-times .day{border-right:.1rem solid var(--main);width:2rem;background-color:var(--accent);color:var(--light);font-family:"Righteous",sans-serif;font-size:.65rem;display:grid;place-items:center}#timetable>div.row-times .times{font-size:.5rem;font-weight:bold;flex:1;display:flex}#timetable>div.row-times .times>div{flex:1;border-left:.1rem dashed var(--main);display:flex;flex-direction:column;justify-content:center;padding-left:.25rem}#timetable>div.row-times .times>div:first-of-type{border-left:none}#timetable>div{flex:1}#timetable>div.row{border-top:.1rem solid var(--main);display:flex}#timetable>div.row>div{flex:1}#timetable>div.row .day{font-weight:bold;font-size:.5rem;border-right:.1rem solid var(--main);max-width:2rem;display:grid;place-items:center}#export-btn{margin-top:1rem;background-color:var(--accent);color:#fff;font-family:inherit;font-size:1.5rem;padding:.5rem 2rem;border:.1rem solid var(--main);cursor:pointer}#export-btn:hover{background-color:var(--accent-lighter)}#output>canvas{margin-top:1rem}.events{position:relative;overflow:hidden}.events>div{position:absolute;top:0px;left:0px;height:100%;background-color:var(--accent-light);font-size:.4rem;padding:.25rem;border-left:.075rem solid var(--main);border-right:.075rem solid var(--main);display:flex;flex-direction:column;justify-content:center;padding-left:0 .25rem}input[type=text],input[type=color],input[type=time],input[type=number],input[type=button],select{font-family:inherit;font-size:1rem;border:.1rem solid var(--main);padding:0 .5rem;height:3rem;background-color:#fff;color:var(--main);border-radius:0px;-moz-appearance:none;appearance:none;-webkit-appearance:none}input[type=text]:focus,input[type=color]:focus,input[type=time]:focus,input[type=number]:focus,input[type=button]:focus,select:focus{background-color:var(--accent-lightest);outline:.1rem solid var(--accent-lighter);outline-offset:.1rem}input[type=text]:hover,input[type=color]:hover,input[type=time]:hover,input[type=number]:hover,input[type=button]:hover,select:hover{background-color:var(--accent-lightest)}input[type=button],input[type=color],input[type=time],input[type=checkbox],select,label{cursor:pointer}.label-with-checkmark{padding-left:2.5rem;height:3rem;line-height:3rem;position:relative}.label-with-checkmark input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.label-with-checkmark:hover input[type=checkbox]~.checkmark{background-color:var(--accent-light)}.label-with-checkmark input[type=checkbox]:checked~.checkmark{background-color:var(--accent)}.label-with-checkmark .checkmark{position:absolute;top:.5rem;left:0;height:2rem;width:2rem;background-color:#fff;border:.1rem solid var(--main)}.label-with-checkmark .checkmark:after{content:"";position:absolute;display:none}.label-with-checkmark input[type=checkbox]:checked~.checkmark:after{display:block}.label-with-checkmark .checkmark:after{left:.67rem;top:.33rem;width:.5rem;height:1rem;border:solid var(--light);border-width:0 .2rem .2rem 0;transform:rotate(45deg)}.event-manager-wrapper input,.event-manager-wrapper select{width:100%}.event-manager-wrapper div.card{background-color:var(--accent-2-light);border:.1rem solid var(--main);padding:.5rem;display:grid;gap:.5rem}.event-manager-wrapper div.card h4{grid-area:e-heading}.event-manager-wrapper input[type=text]::-moz-placeholder{color:inherit;opacity:.5}.event-manager-wrapper input[type=text]:-ms-input-placeholder{color:inherit;opacity:.5}.event-manager-wrapper input[type=text]::placeholder{color:inherit;opacity:.5}.event-manager-wrapper input[type=color]{padding:.25rem;width:100%}.event-manager-wrapper .event-name{grid-area:e-name}.event-manager-wrapper .event-note{grid-area:e-note}.event-manager-wrapper .event-color{grid-area:e-color;min-width:3rem}.event-manager-wrapper .event-start{grid-area:e-start}.event-manager-wrapper .event-end{grid-area:e-end}.event-manager-wrapper .event-day{grid-area:e-day}.event-manager-wrapper .delete-event{grid-area:e-delete}.event-manager-wrapper .delete-event,.event-manager-wrapper #clear-events{background-color:var(--accent-lighter)}.event-manager-wrapper .delete-event:hover,.event-manager-wrapper #clear-events:hover{background-color:var(--accent)}.event-manager-wrapper .duplicate-event{grid-area:e-duplicate}.event-manager-wrapper #event-manager{display:grid;gap:.5rem}.event-manager-wrapper #event-manager div.card{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"e-heading e-heading e-heading e-heading e-heading e-heading e-heading e-heading e-heading e-heading e-heading e-heading" "e-name e-name e-name e-name e-name e-name e-note e-note e-note e-note e-note e-note" "e-start e-start e-start e-end e-end e-end e-day e-day e-day e-day e-color e-color" "e-duplicate e-duplicate e-duplicate e-duplicate e-duplicate e-duplicate e-delete e-delete e-delete e-delete e-delete e-delete"}@media(max-width: 750px){.event-manager-wrapper #event-manager div.card{grid-template-areas:"e-heading e-heading e-heading e-heading e-heading e-heading e-heading e-heading e-heading e-heading e-heading e-heading" "e-name e-name e-name e-name e-name e-name e-name e-name e-name e-name e-name e-name" "e-note e-note e-note e-note e-note e-note e-note e-note e-note e-note e-note e-note" "e-start e-start e-start e-start e-start e-start e-end e-end e-end e-end e-end e-end" "e-day e-day e-day e-day e-day e-day e-day e-day e-day e-color e-color e-color" "e-duplicate e-duplicate e-duplicate e-duplicate e-duplicate e-duplicate e-delete e-delete e-delete e-delete e-delete e-delete"}}.event-manager-wrapper .event-manager-buttons{margin-top:.5rem;grid-template-columns:1fr 1fr}.settings-container{display:grid;gap:.5rem}.settings-container .label-input{display:grid;gap:.5rem;grid-auto-flow:column;grid-template-columns:8.5rem 8.5rem}.settings-container .label-input-span{display:block;min-height:3rem;line-height:3rem;grid-column:1/2;grid-column:1/1;font-weight:bold}.settings-container .inputs-line{grid-column:2/2}.settings-container #tt-start,.settings-container #tt-end,.settings-container #tt-start-am-pm,.settings-container #tt-end-am-pm{width:4rem}.settings-container #tt-time-format{width:100%}.settings-container .times-wrapper{display:grid;gap:.5rem;grid-auto-flow:column}.settings-container .aspect-wrapper{display:grid;grid-auto-flow:column;width:8.5rem;grid-template-columns:3.5rem auto 3.5rem;gap:.5rem}.settings-container .aspect-wrapper input::-webkit-outer-spin-button,.settings-container .aspect-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.settings-container .aspect-wrapper input[type=number]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield}.settings-container .aspect-wrapper .aspect-colon{display:grid;place-items:center}