| { box-sizing: border-box; } | |
| body { font-family: sans-serif; margin:0; } | |
| .header { background-color:#7289DA; /Discord blue/ color:white; | |
| padding:100px; } | |
| .main{ margin-top:50px; text-align:center; | |
| } | |
| .footer{ background-color:#F2F3F5 ; padding-bottom:10px; | |
| } | |
| .features-list li{ list-style:none; | |
| } | |
| .button{ display:inline-block; color:white font-size:.9em | |
| background-color:#7289DA ;/Discord Blue/ | |
| padding:.7rem .85rem; | |
| border-radius:.25rem; | |
| margin-left:auto ; margin-right:auto ; | |
| text-decoration:none; | |
| } | |
| .footer-button{ | |
| display:inline-block;/puts them in a row/ color:black;/black is better than white because the contrast it too much/ | |
| font-size:.8em; | |
| background-color:white;/white so that the buttons don't look like they belong to main body/ | |
| border-radius:.25rem; | |
| padding-top:.4 rem;/so there is enough space above and below the button text/ | |
| padding-bottom:.4 rem; | |
| text-decoration:none; | |
| } | |
| .button-container{ | |
| display:flex; /aligns all three links in one row/ | |
| justify-content:center ;/centers those three links/ | |
| } |