1 files changed, 31 insertions, 3 deletions

diff --git a/src/css/styles.css b/src/css/styles.css
index f406104..4572569 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -8,14 +8,18 @@
     --btn-hover: #0a0;
     --light-text: #aaa;
 }
-  
 
 body {
-    width: 80%;
+    width: 60%;
+    min-width: 500px;
     margin: auto;
     /* margin: 0px; */
     background-color: var(--background); 
     font-family: Arial, Helvetica, sans-serif;
+    height: 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
 }
 
 h1, h2 {
@@ -30,6 +34,10 @@ h1 {
     margin-left: 20px;
 }
 
+.card-title {
+    margin-left: 0;
+}
+
 @keyframes zoom-left {
     0%   {left: 100%; }
     100% {left: 0;}
@@ -115,12 +123,17 @@ p {
     border-top: 1px solid var(--light-text);
     border-bottom: 1px solid var(--light-text);
     background-color: var(--background-accent);
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
 }
 
+
 .titlebar a{
     margin: auto;
     max-width: 10%;
     min-width: 100px;
+    flex-grow: 1;
 }
 
 .btn {
@@ -128,16 +141,17 @@ p {
     padding: 1px 3px;
     border: 1px solid var(--btn-text);
     border-radius: 3px;
-    width: 100%;
     max-width: 100px;
     line-height: 2em;
     text-align: center;
     vertical-align: middle;
     white-space: nowrap;
     text-decoration: none;
+    cursor: pointer;
 }
 
 .btn-primary {
+    width: 100%;
     height: 2em;
     font-size: 20px;
     background-color: var(--btn-color);
@@ -148,6 +162,15 @@ p {
     background-color: var(--btn-hover);
 }
 
+.btn-secondary {
+    background-color: var(--btn-color);
+    color: var(--btn-text);
+}
+
+.btn-secondary:hover{
+    background-color: var(--btn-hover);
+}
+
 .date {
     font-style: italic;
     margin: 0em;
@@ -209,3 +232,8 @@ a.navigation:visited, a.navigation:link {
 .email::after {
     content: "@marks.kitchen";
 }
+
+.cool {
+    float: right;
+}
+