body {background-color: lightblue; max-width: 600px; margin: auto;}
div {margin-left: 8px; margin-right: 8px;}
h1, h2, h3 {margin-left: 5px; margin-bottom: 5px; margin-top: 5px;}
button[type="submit"] {font-size: 110%;}
select {font-size: 110%;}
input[type="date"] {font-size: 110%;}
.rule {margin-left: 10px; font-size: large; margin-bottom: 5px; margin-top: 5px;}
.button-grid {
    display: grid; 
    grid-template-columns: minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content);
    }
.rule-grid {
    display: grid;
    grid-template-columns: 50px auto;
    grid-row-gap: 5px;
    align-items: center;
    }