:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:dark;color:#ffffffde;background-color:#696969;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34}textarea{resize:none}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}a{font-weight:500;color:#646cff;text-decoration:inherit;text-align:center}a:hover{color:#535bf2;cursor:pointer}html,body,#root{margin:0;padding:0;height:100%;width:100%;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}h1{font-size:3.2em;line-height:1.1}.navbar{position:sticky;width:100%;top:0;z-index:1000}.navbar ul{display:flex;justify-content:center;align-items:center;list-style:none;padding:20px;background-color:#16181d;box-shadow:10px 10px 10px 10px #00000080;margin:0}.hamburger{position:absolute;left:40px;top:50%;transform:translateY(-50%);font-size:40px;cursor:pointer;color:#fff;z-index:1001}.navbar li{padding:10px 8%}.navbar li:not(:last-child){border-right:2px solid #ccc}.navbar a{text-decoration:none;color:#fff;font-weight:700;font-size:20px}.navbar a:hover{color:#d3d3d3}h1,p.links{text-align:center}p.error{color:red;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;text-align:center}.modal{background:#242424;padding:20px;border-radius:5px;text-align:center}.modal input{width:100%;margin-bottom:10px}button{background-image:linear-gradient(to right,#646cff,#8f4385 51%,#646cff)}button{display:flex;flex-direction:row;margin-bottom:20px;padding:20px;border-radius:15px;width:17%;background-size:200% auto;background-color:#0a0f76;border:2px solid #7D4DFF;justify-content:center;font-weight:bolder;color:#f5f5f5;transition:.5s ease}button:disabled,button:disabled:hover{background-image:none;background-color:gray;border:2px solid gray;color:#f5f5f5;cursor:not-allowed}button.delete{background-color:red;background-image:linear-gradient(to right,red,#8b0000 51%,red);border:2px solid darkred}button.delete:hover{border:2px solid darkred}button:hover{transition:.5s ease;background-color:navy;border-color:#646cff;background-position:right center;cursor:pointer}button.cancel{background-color:#2b2b2b;background-image:none}button:focus,button:focus-visible{outline:1px solid #646cff}button[type=submit]{width:41%}hr{border:1px solid #646cff;border-radius:30px}div.margin{display:flex;width:100%;margin-top:5%;justify-content:center}.event-container{width:100%;padding:20px;box-sizing:border-box}.event-list{display:grid;grid-template-columns:repeat(4,1fr);margin:0;gap:16px;padding:10px;list-style:none}.event-list ul{width:100%}.event-list li{display:inline-block;background-color:#1e1e1e;padding:30px;border:1px solid #646cff;border-radius:10px;gap:10px;transition:box-shadow .2s ease-in-out;display:flex;flex-direction:column;align-items:center;text-align:left;transition:.5s ease}@media (max-width: 768px){.event-list{display:flex;flex-direction:column}}.event-list li img{max-width:100%;height:auto;border-radius:8px;margin-bottom:10px}.event-list.clickable li:hover{border-color:#faebd7;box-shadow:0 4px 10px #00000026;cursor:pointer}.event-list li h3{margin:10px 0 5px;font-size:1.2rem}.event-list li p{margin:5px 0;font-size:.95rem}@media (max-width: 1024px){.event-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.event-list{grid-template-columns:1fr}}.quest-list{display:grid;grid-template-columns:repeat(4,1fr);gap:2em}.container{text-align:left;align-items:center;width:100%;height:100%;margin-top:1%;flex:1;padding-bottom:1rem}.something{border:1px solid #646cff;border-radius:10px;padding:20px}.page-wrapper{min-height:100%;display:flex;flex-direction:column}.footer{background-color:#1e1e1e;color:#fff;font-size:.7em;text-align:center}.organization{width:25%;height:auto;min-height:200px;margin-right:auto;margin-left:auto;margin-top:1em;text-align:center;align-content:center;border:2px solid #646cff;border-radius:15px;font-size:1.2em;box-shadow:10px 10px 10px #00000080;background-color:#1e1e1e;padding:1em}@media (max-width: 768px){.organization{width:80%;font-size:1em}}.organization a{margin-bottom:1em}.social-icons{display:flex;gap:12px;margin-bottom:1rem;justify-content:flex-start}.social-icons img{width:32px;height:32px;transition:transform .2s ease;filter:brightness(0) invert(1)}.social-icons img:hover{transform:scale(1.1)}