*{margin:0;padding:0;box-sizing:border-box}.add-container{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;margin-top:20px}.add-event{width:50%;padding:20px;margin:20px;text-align:center;border:1px solid black;display:flex;flex-direction:column;gap:20px}.form{display:flex;flex-direction:column;gap:10px}.add-event .form input,textarea{padding:10px}textarea{resize:vertical}.form button{padding:20px}.current-events-container{position:relative;width:50%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:20px;margin-top:10px;margin-bottom:40px;gap:20px;border:1px solid black}.current-events-container h2{text-align:center}.data-container-parent{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;width:100%;max-height:500px;overflow-y:scroll}.data-container{position:relative;width:90%;border:1px solid black;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:2px;padding:10px;transition:background-color .3s ease}.data-container .data-desc{width:90%;resize:vertical}.current-events-container button{position:absolute;top:5px;right:5px;padding:5px 10px}.data-container button{position:absolute;cursor:pointer;top:5px;right:5px}.signout{position:absolute;top:10px;right:10px;padding:10px 20px}.login-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.login-page input,.login-page button{width:300px;padding:10px 20px}@media (max-width: 600px){.add-container{padding:0}.add-event,.current-events-container{width:90%}}