button{cursor:pointer;color:#f0f8ff;background-color:#007bff;padding:.5rem 1rem;font-family:monospace;font-size:2rem}.question{font-family:monospace;font-size:2rem}input{padding:.5rem;font-size:2rem}.answer{margin:0;padding:.5rem;font-family:monospace;font-size:5rem}.date-picker-container{background-color:#d3d3d3;border:2px solid #10f;border-radius:8px;flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}@media screen and (width<=420px){.date-picker-container{width:90%;padding:.5rem}.question{font-size:1.5rem}.answer{font-size:3rem}button{padding:.5rem;font-size:1.5rem}}@media screen and (width<=340px){.date-picker-container{width:90%}.question{font-size:1rem}.answer{font-size:3rem}button{padding:.5rem;font-size:1.5rem}}@media screen and (width<=230px){.date-picker-container{width:90%}.question{font-size:.7rem}.answer{font-size:3rem}button{padding:.5rem;font-size:1.5rem}}