*{margin:0;padding:0}html,body{font-family:Montserrat;font-size:18px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1rem}button{font-family:Montserrat;font-size:16px}h1,h2,h3,h4{font-family:Roboto;font-weight:700;margin:1rem 0;color:var(--header-text-color)}app-root{display:grid;grid-template-columns:1fr 90% 1fr;gap:20px;max-width:80%;margin:0 auto;padding:20px;box-sizing:border-box}.container{grid-column:2;display:grid;grid-template-columns:1fr;gap:20px}@media screen and (max-width: 768px){app-root{display:grid;grid-template-columns:1fr;align-items:center;gap:20px;max-width:85%;margin:0;padding:20px;box-sizing:border-box}.container{grid-column:1}}@media screen and (max-width: 430px){app-root{padding:25px}}.slider-dots{display:inline-flex;justify-content:center;position:absolute;bottom:0;width:100%}.dot{display:inline-flex;justify-content:center;align-items:center;width:2rem;height:2rem;margin:.5rem .2rem;border-radius:50%;background-color:var(--header-text-color-alt);box-shadow:0 4px 10px #00000080;-webkit-user-select:none;user-select:none;cursor:pointer}.dot :last-child{margin-left:0}form{margin:auto}label{display:block;margin-bottom:8px;font-weight:400}input{width:100%;padding:8px;margin-bottom:10px;box-sizing:border-box}button{background-color:var(--header-text-color-alt);color:#000;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;margin-bottom:10px}button:hover{background-color:var(--header-text-color-alt2)}.delete{background-color:red;color:#fff}.onderwerp{padding-top:10px;font-size:medium;color:var(--header-text-color-alt)}:root{--header-text-color: rgb(53, 97, 94);--header-text-color2: #9CB7B5;--header-text-color-alt: #7EE6DF;--header-text-color-alt2: #BFE0DE;--error-color:rgb(143, 51, 51);--background-color:rgb(191,224,222,50%) }@font-face{font-family:Roboto;src:url(Roboto-Regular.d0bc87a819730d23.ttf) format("truetype")}@font-face{font-family:Montserrat;src:url(Montserrat-Regular.54c76208542a99cd.ttf) format("truetype")}