@import "https://fonts.googleapis.com/css2?family=New+Rocker&display=swap";@import "https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&display=swap";body{color:#fff;background-color:#530097;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126' height='84' viewBox='0 0 126 84'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%238400ef' fill-opacity='0.4'%3E%3Cpath d='M126 83v1H0v-2h40V42H0v-2h40V0h2v40h40V0h2v40h40V0h2v83zm-2-1V42H84v40h40zM82 42H42v40h40V42zm-50-6a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm96 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-42 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm30-12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM20 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm12 24a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8 78a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm12 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm54 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM50 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM50 78a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm54-12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm12 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM92 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM92 78a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24-42a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");justify-content:center;margin:0;padding:0;display:flex}#root{background:#530097;border-left:2px dotted #90f;border-right:2px dotted #90f;max-width:1200px;padding:0 5rem}h2{margin:0;font-family:New Rocker,cursive;font-size:3rem}h3{font-family:Arvo,serif;font-size:1.25rem;font-weight:100}.header-text{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;margin:5rem 0;display:flex}.header-text h1{text-shadow:0 .4rem #31005f;margin:0;font-family:New Rocker,cursive;font-size:5rem;font-weight:100}.header-text p{margin-top:0;font-family:Arvo,serif;font-weight:100}.header-text a{color:#fff;text-decoration:none}.header-text h2{text-align:right;align-items:center;font-family:Arvo,serif;font-size:1.5rem;font-weight:100;display:flex}.date-text{flex-direction:row;justify-content:space-between;font-family:Arvo,serif;font-size:1.25rem;font-weight:400;display:flex}.date-text h3{color:#530097;background:#fff;border-radius:5px;padding:1rem}.date-text-left{flex-direction:column;justify-content:center;width:100%;display:flex}.blurb{text-align:center;margin-bottom:40px;font-family:Arvo,serif;font-size:1.1rem}section{justify-content:space-between;gap:40px;margin:0;padding-bottom:1rem;display:flex}section h2{font-family:New Rocker,cursive;font-size:2rem;font-weight:100}section ul{flex-flow:column wrap;gap:2px;max-height:300px;margin:0;padding:0;display:flex}section li{font-family:Arvo,serif;font-size:1rem;font-weight:400;list-style-type:none}.attendees,.reservation-form{width:100%}.reservation-form{height:inherit;flex-direction:column;font-family:Arvo,serif;font-weight:400;display:flex}.attendees{flex-direction:column;display:flex}.reservation-form h3{margin:0;font-family:New Rocker,cursive;font-size:1.5rem;font-weight:100}.reservation-form form{flex-direction:column;display:flex}.reservation-form label,.reservation-form input,.reservation-form button{margin-bottom:1rem;font-family:Arvo,serif;font-size:1rem;font-weight:400}input{border:none;border-radius:5px;padding:.5rem;font-family:Arvo,serif;box-shadow:0 .4rem #31005f}button{color:#fff;cursor:pointer;background-color:#90f;border:none;border-radius:1rem;padding:1rem;font-family:Arvo,serif;font-size:1rem;transition:all .2s ease-in-out;box-shadow:0 .4rem #31005f}button:active{color:#fff;transform:translateY(.2rem);box-shadow:0 .2rem #31005f}button:hover:not(:disabled){color:#fff;text-shadow:0 .1rem #31005f;background:#b649ff}button:disabled{cursor:auto;color:gray}.game-cards{flex-wrap:wrap;justify-content:space-evenly;gap:1rem;margin-top:2rem;margin-bottom:2rem;display:flex}.game-card{color:#fff;background:#006a4c;border:2px solid #000;border-radius:5px;max-width:300px;padding:1rem;font-family:Arvo,serif;transition:all .2s ease-in-out;box-shadow:0 .4rem #31005f}.game-card a{color:#fff;text-decoration:none}.game-card h3{text-align:center;margin:0}.game-card .game-card-header{margin-bottom:1rem}.game-card p,.game-card ul{margin:0}.game-card .game-players,.game-card .game-host{text-align:center;font-size:.9rem}.game-card label,.game-card input,.game-card button{margin-bottom:.5rem;font-family:Arvo,serif;font-size:1rem;font-weight:400}.game-card button{background:#00431a;box-shadow:0 .4rem #00270f}.game-card button:hover{background:#007252}.add-game-button{width:100%}.game-link{color:#fff;cursor:pointer;background:#00431a;border:none;border-radius:1rem;padding:1rem;font-family:Arvo,serif;font-size:1rem;transition:all .2s ease-in-out;display:block;box-shadow:0 .4rem #00270f}.game-link:active{color:#fff;transform:translateY(.2rem);box-shadow:0 .2rem #00270f}.game-link:hover:not(:disabled){color:#fff;text-shadow:0 .1rem #31005f;background:#007252}article{margin-bottom:2rem;padding-bottom:1rem}.add-game-form-hidden{display:none}.add-game-form{justify-content:center;display:flex}.add-game-form form{color:#fff;background:#006a4c;border-radius:5px;flex-direction:column;gap:10px;width:45%;min-width:325px;margin-top:1rem;padding:1rem;font-family:Arvo,serif;display:flex}.add-game-form input,.add-game-form button{box-shadow:0 .4rem #00270f}.add-game-form button{background:#00431a}.add-game-form button:hover{background:#007252}.findus{flex-direction:column;gap:1rem;margin-top:2rem;margin-bottom:2rem;font-family:Arvo,serif;display:flex}.findus-wrapper{flex-wrap:wrap;gap:1rem;display:flex}.findus-map{border:2px solid #000;border-radius:5px;box-shadow:0 .4rem #31005f}footer{font-family:Arvo,serif;font-weight:400}.hidden{display:none!important}.editing .edit-input,.editing .confirm-button{display:inline-block}.admin-panel{font-family:Arvo,serif}.edit-panel{flex-direction:column;gap:10px;display:flex}.edit-panel input{width:fit-content}.people-panel li{margin-bottom:10px}.people-panel li span,.people-panel li button{margin-right:5px}.games-panel li{margin-bottom:10px}.player-panel{gap:5px;display:flex}.confirm-button{margin-left:10px}@media screen and (width<=800px){#root{padding:0 1rem;overflow-x:hidden}.header-text{flex-direction:column;align-items:center}.header-text h1,.header-text h2,.header-text p{text-align:center}section{flex-direction:column;align-items:center}.findus-left{justify-content:center;width:100%;display:flex}}