body { margin-left: 10%; margin-right: 10%; background-color: lightgray; font-family: Helvetica,sans-serif; font-size: 14px; } header { margin-bottom: 3em; display: flex; } main { background-color: whitesmoke; padding: 2% 5%; border-radius: 0.5em; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .result_message { display: inline-block; padding: 1% 2%; border-radius: 0.5em; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); margin: 0.5em; } .result_good { background-color: rgba(0, 255, 0, 0.6); } .result_bad { background-color: rgba(255, 0, 0, 0.6); }