html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--dark: rgb(91, 50, 1);--dark3: #253031;--dark2: #315659;--dark4: #2978A0;--light1: #BCAB79;--light2: #C6E0FF;--light3: #f7e7b2}body{max-width:100%;font-family:Arial,Helvetica,sans-serif}h1{font-size:1.8rem;color:var(--dark2);font-weight:bold}h2{font-size:1.6rem;color:var(--dark3)}h3{font-size:1.4rem;color:var(--dark3)}h4,p,a,li,input{font-size:1.25rem;color:var(--dark3)}input::placeholder{font-size:1rem;color:var(--dark3)}button,.button{display:inline-block;padding:.5rem;color:#fff;background-color:var(--dark2);height:fit-content;margin:auto;cursor:pointer}input[type=submit]{padding:.5rem;color:#fff;background-color:var(--dark2);border:none;cursor:pointer}section{max-width:100%;margin:2rem;display:flex;flex-direction:column;gap:1rem}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap}.gap-1{gap:1rem}.gap-small{gap:.25rem}.gap-75{gap:.75rem}.full-width{width:100%}.hidden{display:none}.bold{font-weight:bold}video,iframe,embed{max-width:100%}.reset-style{background:none;padding:0;outline:none;border:none}header{width:100%;border-bottom:2px solid var(--dark2);display:flex;flex-direction:row;justify-content:space-between}header #header-title{width:max-content;max-width:100%;margin:auto 2rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}header h1{font-size:2.5rem;text-transform:uppercase}header .button{margin-right:2rem}header a{text-decoration:none;color:inherit}header p{margin:auto;width:fit-content;max-width:15%}header form input{width:fit-content}#submit-logout{width:fit-content}#song-list{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:left}#song-list .song{width:calc(31% - 2rem);min-width:25ch;max-width:35ch}#song-list .song a{color:var(--dark3);text-decoration:none}#song-list .song a i,#song-list .song a .video-icon{margin-left:.75rem}.play-sample,.pause-sample,.reset-sample{width:105px;border:none;outline:none;padding:2rem;border-radius:50%;aspect-ratio:1;display:flex;justify-content:center;background-color:#fff}#nieuwe-nummer{cursor:pointer;color:var(--dark4)}#samples{display:flex;flex-direction:column;gap:2rem}.sample{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:.5rem;background-color:var(--light1);width:fit-content}#nummers-tekst-container,#nummers-chords-container,#nummers-videos-container{padding-block:1rem}#nummers-tekst-container form,#nummers-chords-container form,#nummers-videos-container form{background-color:var(--light1);padding:1rem;border-radius:1rem;height:fit-content;width:fit-content}#nummers-tekst-container iframe,#nummers-chords-container iframe,#nummers-videos-container iframe{border:2px solid var(--dark3)}#nummers-tekst-container,#nummers-chords-container{border-block-start:2px solid var(--dark3)}#reps-container{display:flex;flex-wrap:wrap;gap:1rem}.individual-rep{border:2px solid var(--dark2);padding:1rem;border-radius:1rem;width:fit-content}.past-rep{border-color:var(--dark4)}.past-rep p{color:var(--dark4)}.today-rep{background-color:var(--light3)}.aanwezig-list-edit{font-size:85%}.fa-check{color:green}.fa-xmark{color:red}.fa-question{color:var(--dark2)}.fa-pen-to-square{font-size:80%;margin-left:.75rem;color:var(--dark2)}form.login-form{display:flex;flex-direction:column;gap:1rem}form.login-form h1{margin-bottom:1rem}form.login-form input{width:250px;box-sizing:border-box}