body { background-color: #C5C5C3; font-size: larger; font-family: "Helvetica Neue", "Segoe UI", sans-serif; } .outer-div { padding: 30px; } .floater { margin: 0 auto; width: 30rem; padding: 20px; } .content { min-height: 8em; background-color: white; } .graybar /* Girl! I want to take you to a gray bar! */ { background-color: #4B4B4B; color: white!important; font-size: x-large; font-weight: 600; } .code{ color: #4B4B4B; font-family: "Lucida Console", Monaco, monospace; font-weight: 600; } input{ font-size: larger; font-family: "Helvetica Neue", "Segoe UI", sans-serif; background-color: white; margin-bottom: 1em; padding: 10px; width: 100%; box-sizing: border-box; } button{ padding: 20px; width: 100%; margin-top: 2em; margin-bottom: 1em; } a{ color: #202222; font-weight: 800; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: underline; }