:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;padding:20px;box-sizing:border-box}.login-container h1{font-size:2.5em;font-weight:700;margin-bottom:20px}.login-container form{width:100%}.login-container div{width:100%;margin-bottom:15px}.login-container label{display:block;margin-bottom:5px;align-self:flex-start}.header{width:100%;max-width:400px;display:flex;justify-content:flex-end;padding:0 20px;box-sizing:border-box}.logout-button{background:none;border:none;cursor:pointer;padding:10px;color:#fff}.logout-button:hover{opacity:.8}.menu-button{background:none;border:none;cursor:pointer;padding:10px;color:#fff}.menu-button:hover{opacity:.8}.form-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:20px;box-sizing:border-box}.greeting{font-size:2.5em;font-weight:700;align-self:flex-start;color:#fff}.question{align-self:flex-start;margin-top:0;margin-bottom:20px;color:#fff}.radio-group{display:flex;justify-content:space-around;width:100%;margin:10px 0 20px}.radio-option{display:flex;flex-direction:column;align-items:center;color:#fff;cursor:pointer}.radio-option input[type=radio]{appearance:none;background-color:#ffffffe6;margin:0 0 10px;font:inherit;color:currentColor;width:2em;height:2em;border:none;border-radius:50%;display:grid;place-content:center}.radio-option input[type=radio]:before{content:"";width:1.2em;height:1.2em;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:#7e57c2}.radio-option input[type=radio]:checked:before{transform:scale(1)}.input-section{width:100%;background-color:#fff3;border-radius:20px;padding:20px;margin-bottom:20px;box-sizing:border-box}.input-section label{display:block;margin-bottom:10px;color:#fff;font-weight:700}.input-section textarea{width:100%;height:80px;border-radius:15px;border:none;padding:10px;box-sizing:border-box;background-color:#fff;resize:none;font-family:inherit;font-size:1em;color:#2c3e50}.submit-button{background-color:#ffffffe6;border:none;border-radius:50px;color:#673ab7;padding:20px 0;text-align:center;text-decoration:none;display:block;font-size:18px;margin:20px 0;cursor:pointer;font-weight:700;width:80%}.footer{text-align:center;margin-top:20px;color:#fff}.footer p{margin:5px 0}.entry-list-page{padding:20px;max-width:800px;margin:0 auto}.entry-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.entries-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.entry-kachel{border:1px solid #ccc;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.entry-kachel p{margin:0 0 10px}.delete-button{background-color:#f44336;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;float:right}.delete-button:hover{background-color:#d32f2f}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination button{margin:0 10px;padding:8px 16px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{font-weight:700}.back-button{background-color:#4caf50;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.back-button:hover{background-color:#45a049}body,html,#root{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom,#94e2b3,#b48ddf);color:#fff;padding:20px;box-sizing:border-box}h1,h2,p{margin:.5em 0}button{background-color:#ffffff4d;border:none;border-radius:25px;color:#fff;padding:15px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:20px 2px;cursor:pointer;font-weight:700}input[type=text],input[type=password],textarea{width:calc(100% - 20px);padding:10px;margin:10px 0;border-radius:15px;border:none;background-color:#fff;color:#2c3e50;font-family:inherit;font-size:1em}form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}