.login.buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:4px}.message-list{color:var(--sub-black);font-weight:650;font-size:1rem;height:40vh}.join-groep{margin-top:5rem}:root{--main-font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--purple-gradient: linear-gradient(90deg, #B241E0 0%, #CF5EFE 100%);--color-black: #000000;--sub-black: #414141;--background-white: #FFFFFF;--secondary-white: #F8F8F8}html,body{font-family:var(--main-font);margin:0;padding:0;background-color:#f9f9f9;color:var(--color-black);align-content:center}button,input,label{font-family:inherit}.button{color:var(--secondary-white);font-size:.9rem;font-weight:500;height:2rem;padding:0 1.2rem;border:none;border-radius:15px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.button.normal{background:var(--purple-gradient)}.button.reverse{background:var(--color-black)}.big-button{color:var(--secondary-white);font-size:1rem;font-weight:650;width:12rem;height:2.5rem;border:none;border-radius:25px;cursor:pointer}.big-button.normal{background:var(--purple-gradient)}.big-button.reverse{background:var(--color-black)}.userinput{width:18rem;height:2rem;border-radius:15px;background-color:var(--secondary-white);border-color:#b5b5b5;border-style:solid}.userinput::placeholder{color:#969696;opacity:100%}.form-label{color:var(--sub-black);font-weight:650;font-size:1rem}.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;gap:4px}.form-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-width:20rem}.select{min-height:8rem}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:1rem}.button-container.left{position:absolute;display:flex;justify-content:flex-start;top:1rem;left:1rem}.button-container.right{position:absolute;display:flex;justify-content:flex-end;top:1rem;right:1rem;left:auto;width:100%}.small-button{border-radius:25px;border:none;width:3rem;height:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.back{background:var(--color-black)}.add{background:var(--purple-gradient)}.submission-button-row{width:100%;display:flex;justify-content:flex-end;flex-direction:row;gap:4px}.screen-header{font-size:1.5rem;font-weight:700;color:var(--color-black);margin-top:3rem}.max-characters{font-size:.8rem;color:#898989}.input-deelnemers{border-radius:15px;width:2rem;height:1.2rem;background-color:var(--secondary-white);border-color:#b5b5b5;border-style:solid}.select-input{border-radius:15px;width:4rem;height:1.4rem;background-color:var(--secondary-white);border-color:#b5b5b5;border-style:solid}.sub-header{color:var(--sub-black);font-weight:650;font-size:1rem;padding-bottom:1rem}.sub-header.left{color:var(--sub-black);font-weight:650;font-size:1rem;padding-bottom:1rem;text-align:left}.list{background-color:#f8f8f8;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:27.5rem}.list-item{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-width:20rem;color:#d9d9d9}