@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body { font-family: "Roboto", sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; user-select: none; width: 100vw; height: 120vh; }

#announcement { background: #ffcc00; color: #000000; padding: 10px; text-align: center; font-size: 18px; }

#header { background: #0b99f1; color: #ffffff; padding: 20px 0; text-align: center; height: 150px; }

#logo { width: 275px; height: 80px; cursor: pointer; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); }

#header hr { border: none; height: 2px; background: #a04444; margin: 80px 0; }

#header h2 { position: relative; bottom: 50px; }

#name, #time { font-family: monospace, sans-serif; font-size: 24px; margin: 10px 0; border: 2px solid #000; border-radius: 8px; }
#amount { font-family: monospace, sans-serif; font-size: 20px; margin: 10px 0; border: 2px solid #000; border-radius: 8px; padding: 10px; }

#submit { font-family: "Roboto", sans-serif; font-size: 20px; background: #0b99f1; color: #ffffff; border: none; border-radius: 8px; padding: 10px 20px; cursor: pointer; margin-top: 20px; }