Update style.css

style.css

@@ -1,28 +1,57 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+{ box-sizing: border-box; }
+body { font-family: sans-serif; margin:0; }
+
+.header { background-color:#7289DA; /Discord blue/ color:white;
+padding:20px; }
+
+.main{ margin-top:50px; text-align:center;
+
 }
 
-h1 {
-	font-size: 16px;
-	margin-top: 0;
+.footer{ background-color:#F2F3F5 ; padding-bottom:10px;
+
 }
 
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
+.features-list li{ list-style:none;
+
 }
 
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
+.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;
+
 }
 
-.card p:last-child {
-	margin-bottom: 0;
+.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/
+
+}