level one (applications prototype finished!)

1 files changed, 12 insertions, 6 deletions

diff --git a/src/css/style.css b/src/css/style.css
index 35fdc31..1b98555 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -12,7 +12,6 @@
   padding: 0;
   margin: 0;
   font-family: "scientifica", monospace;
-  transition: background 0.2s ease-in-out;
   font-smooth: never;
 }
 
@@ -21,10 +20,13 @@ body {
   margin: 0;
   width: 100%;
   height: 100%;
+  background: radial-gradient(ellipse at top, var(--bg), transparent),
+    radial-gradient(ellipse at left, var(--blue), transparent),
+    radial-gradient(ellipse at right, var(--purple), transparent),
+    radial-gradient(ellipse at bottom, var(--bg), transparent);
 }
 
 body {
-  background-color: var(--bg);
   color: var(--text);
 }
 
@@ -51,17 +53,20 @@ a:visited {
   justify-content: space-around;
   padding-top: 1rem;
   padding-bottom: 1rem;
+  border-bottom: 2px solid var(--yellow);
+  border-radius: 0.5rem;
 }
 
 .content {
-  border-top: 1px solid var(--yellow);
-  border-bottom: 1px solid var(--yellow);
   max-height: 90vh;
 }
 
 .footer {
+  border-top: 2px solid var(--yellow);
+  border-radius: 0.5rem;
   padding-top: 1rem;
   padding-bottom: 1rem;
+  text-align: center;
 }
 
 .nav {
@@ -88,12 +93,13 @@ a:visited {
 
 .centered-game canvas {
   display: block;
-  max-height: 90%;
+  max-height: 100%;
   width: auto;
   max-width: 100%;
   border: 1px solid var(--yellow);
   border-radius: 0.5rem;
-  margin: 0;
+  margin-bottom: 2rem;
+  background-color: var(--bg);
 }
 
 button {