*{margin:0;padding:0;box-sizing:border-box;font-family:monospace}.Title{color:#000;font-size:2.3rem;margin-top:2rem}.current-timetable,.heading span{color:#04d99d}.selectors{width:100vw;height:30vh;flex-direction:row;padding:1rem}.selectors select{padding:1rem;margin:1rem}select:hover{cursor:pointer}div{border:1px solid #fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;border-radius:5px}.head{color:#000;background-color:#fff}.grid{margin:auto auto;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);width:max(90vw,850px);height:max(80vh,600px);background-color:#000;place-items:center;gap:5px;padding:1rem}.joined-235{grid-column:3/5}.joined-235,.joined-257{grid-row:2;color:#adff2f}.joined-257{grid-column:5/7}.joined-213{grid-column:1/3}.joined-213,.joined-224{grid-row:2;color:#adff2f}.joined-224{grid-column:2/4}.joined-212{grid-column:1/2}.joined-212,.joined-268{grid-row:2;color:#adff2f}.joined-268{grid-column:6/8}.joined-313{grid-column:1/3}.joined-313,.joined-357{grid-row:3;color:#adff2f}.joined-357{grid-column:5/7}.joined-335{grid-column:3/5}.joined-335,.joined-368{grid-row:3;color:#adff2f}.joined-368{grid-column:6/8}.joined-324{grid-column:2/4;grid-row:3;color:#adff2f}.joined-435{grid-column:3/5}.joined-424,.joined-435{grid-row:4;color:#adff2f}.joined-424{grid-column:2/4}.joined-468{grid-column:6/8}.joined-413,.joined-468{grid-row:4;color:#adff2f}.joined-413{grid-column:1/3}.joined-457{grid-column:5/7}.joined-434,.joined-457{grid-row:4;color:#adff2f}.joined-434{grid-column:3/4}.joined-445{grid-column:4/5;grid-row:4;color:#adff2f}.joined-524{grid-column:2/4}.joined-524,.joined-568{grid-row:5;color:#adff2f}.joined-568{grid-column:6/8}.joined-535{grid-column:3/5}.joined-512,.joined-535{grid-row:5;color:#adff2f}.joined-512{grid-column:1/2}.joined-513{grid-column:1/3}.joined-513,.joined-557{grid-row:5;color:#adff2f}.joined-557{grid-column:5/7}.joined-613{grid-column:1/3}.joined-613,.joined-668{grid-row:6;color:#adff2f}.joined-668{grid-column:6/8}.joined-635{grid-column:3/5}.joined-635,.joined-657{grid-row:6;color:#adff2f}.joined-657{grid-column:5/7}.joined-624{grid-column:2/4;grid-row:6;color:#adff2f}.legends{margin-left:5rem;margin-top:3rem;width:400px;height:300px;border:1px solid #000;flex-direction:column;margin-bottom:5rem}.green-yellow,.legends{color:#000;display:flex}.green-yellow{font-size:1.5rem;justify-content:flex-start;width:80%;margin:auto}.green-yellow>span{width:100px;height:50px;background-color:#adff2f;margin-right:2rem}.cyan{color:#000;font-size:1.5rem;display:flex;justify-content:flex-start;width:80%;margin:auto}.cyan>span{width:100px;height:50px;background-color:#04d99d;margin-right:2rem}.ongoing{box-shadow:0 5px rgba(240,46,170,.4),0 10px rgba(240,46,170,.3),0 15px rgba(240,46,170,.2),0 20px rgba(240,46,170,.1),0 25px rgba(240,46,170,.05)}.ongoing-start{box-shadow:-5px 5px rgba(240,46,170,.4),-10px 10px rgba(240,46,170,.3),-15px 15px rgba(240,46,170,.2),-20px 20px rgba(240,46,170,.1),-25px 25px rgba(240,46,170,.05)}.ongoing-end{box-shadow:5px 5px rgba(240,46,170,.4),10px 10px rgba(240,46,170,.3),15px 15px rgba(240,46,170,.2),20px 20px rgba(240,46,170,.1),25px 25px rgba(240,46,170,.05)}.current{background-color:#04d99d;color:#000}footer{color:#000;text-align:left;font-size:2rem}footer span{color:#04d99d}.notFound{width:80vw}.notFound,.upcoming{color:#000;display:flex;align-items:center;justify-content:center}.upcoming{width:100vw;height:200px;flex-direction:row;padding:1rem}.floating-box{flex:1;margin:1rem;height:100%;padding:.2rem;font-size:3rem;color:#fff;background-color:#000;border:#000;display:flex;align-items:flex-start;justify-content:flex-start;border-radius:15px;box-shadow:-5px 5px rgba(240,46,170,.4),-10px 10px rgba(240,46,170,.3),-15px 15px rgba(240,46,170,.2),-20px 20px rgba(240,46,170,.1),-25px 25px rgba(240,46,170,.05)}.floating-box>span{margin:1.3rem 0;width:100%;text-align:center;font-size:1.5rem}@media screen and (max-width:600px){.selectors{flex-direction:column;align-items:flex-start;justify-content:flex-start;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}h1{color:#04d99d}.heading{text-align:left;align-items:flex-start;justify-content:flex-start;margin:2rem}.heading h1{padding:0 1rem;color:#000;font-size:2.5rem}select{font-size:1.5rem}}