#wrapper{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0009}#component{background-color:#4a4848e6;padding:50px;border-radius:10px;box-shadow:0 4px 10px #0000004d;display:flex;align-items:center;flex-direction:column;width:90%;max-width:600px}#return-button{position:absolute;top:30px;left:30px}#return-button .back-button{padding:10px 20px;font-size:16px;background-color:#f66;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#return-button .back-button:hover{background-color:#ff4d4d}#button-grid{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:20px}#button-grid-button{margin:10px;padding:15px 30px;font-size:18px;background-color:#daa520;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#button-grid-button:hover{background-color:#b8860b}#login-button{position:absolute;top:30px;left:30px;padding:10px 20px;font-size:16px;background-color:#daa520;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#login-button:hover{background-color:#b8860b}#new-account{margin-top:30px;font-size:14px;text-align:center}#center-button{display:flex;margin:auto;padding:10px 20px;font-size:16px;background-color:#daa520;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#center-button:hover{background-color:#b8860b}#general-button{margin:10px;padding:10px 20px;font-size:16px;background-color:#daa520;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#general-button:hover{background-color:#b8860b}#input{display:flex;width:300px;margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}#input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 5px #4caf5080}body{background-image:url(/assets/HarrysDiner-8dJHGk7X.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;font-family:Arial,sans-serif;color:#fff;margin:0}.status-message{font-size:16px;color:#4caf50;margin-bottom:15px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}@media (max-width: 768px){#component{padding:30px;width:95%}#input{width:100%}#button-grid{flex-direction:column;align-items:center}}