@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap";body{background-color:#111}*{font-family:Poppins,sans-serif}body{margin:0;font-size:14px}footer{color:#fff;margin-left:25px}.loading{color:#fff;height:100vh;font-size:5vw;display:flex;align-items:center;justify-content:center}.loading.smol{font-size:2.5vw}.loading img{height:5vmin;margin-left:50px}.container{background-color:#111;padding:10px}.container .auth-code{margin-top:10px;margin-bottom:10px;display:flex;flex-wrap:wrap}.container .auth-code .authinput{width:100px}.container .auth-code button,.container .auth-code a{border:none;color:#fff;background-image:linear-gradient(to top left,#212229,#212529);padding:5px 25px;border-radius:5px;margin-left:25px;text-decoration:none}.container .auth-code input{border:none;outline:none;padding:5px 25px;box-shadow:0 20px 27px #0000000d;background:none;color:#fff;background-image:linear-gradient(to top left,#212229,#212529);border-radius:5px}.container .auth-code>*>*{margin-left:25px}.container .week{padding:10px 0;border-radius:10px;color:#fff}.container .week>.title{color:#fff;margin-left:25px}.container .week .days{margin:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.container .week .days .day{margin:10px;background-image:linear-gradient(to top left,#212229,#212529);color:#fff;padding:15px;border-radius:10px;flex-direction:column;display:flex;box-sizing:border-box}.container .week .days .day.active{border:1px solid white}.container .week .days .day .title{border-bottom:1px solid white;padding:5px}.container .week .days .day div.spacer{height:24px}.container .week .days .day .spullen{margin-top:auto;padding-left:24px;margin-bottom:0}.container .week .days .day .spullen li{list-style-type:decimal-leading-zero}.container .week .days .day .les{display:flex;justify-content:space-between;flex-direction:column;align-items:center;position:relative;width:100%;border-bottom:1px solid white}.container .week .days .day .les .z{z-index:10}.container .week .days .day .les .docenten{display:flex;gap:10px}.container .week .days .day .les.active{border:none}.container .week .days .day .progress{margin-bottom:10px;display:flex;width:100%}.container .week .days .day .progress .percent{height:5px;margin-left:10px}.container .week .days .day .progress>.bar{flex-grow:1;border:3px solid white;border-radius:9999px;padding:4px;height:5px}.container .week .days .day .progress>.bar>div{transition:1s;height:100%;background-color:#fff;border-radius:9999px}