body { background: #232323; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;b3 } body { margin-top: 30px; color: #ccc; max-width: 80%; margin: 0 auto; margin-top: 30px; } /* form > input[type=checkbox] { width: 20px; height: 20px; border-radius: 50%; appearance: none; -webkit-appearance: none; background-color: white; vertical-align: middle; cursor: pointer; } form > input[type=checkbox]:checked { background-color: #ff6e40; } */ form > input[type=checkbox] { width: 20px; height: 20px; accent-color: #fff; cursor: pointer; border: none; } form > input[type=checkbox]:checked { accent-color: #ff6e40; } form > input[type=submit] { background-color: #ff6e40; border: none; border-radius: 10px; font-size:20px; color: #fff; padding: 5px; white-space: normal; } #template { background-color: #ff6e40; border: none; border-radius: 10px; width: 15%; height: 20pt; font-size: 19px; color: #fff } label, input { font-size: inherit; padding: 0.2em; margin: 0.1em 0.2em; box-sizing: content-box; }