diff --git a/src/index.css b/src/index.css
index 6dcadec..b1870e5 100644
--- a/src/index.css
+++ b/src/index.css
@@ -200,6 +200,7 @@ nav {
     margin-bottom: -.6em;
     z-index: 1;
     width: 100%;
+    max-width: 1600px;
 }
 
 @media (min-width: 600px) {
@@ -211,6 +212,8 @@ nav {
 main {
     flex: 1;
     width: 100%;
+    max-width: 1600px;
+    max-height: calc(100vh - 100px);
 
     background-repeat: repeat;
     background-size: 48px;
@@ -427,7 +430,7 @@ button.shadow-box-title {
     font-weight: 400;
     --text-outline: transparent;
     text-align: left;
-
+    max-height: 1100px;
     max-width: 60ch;
     margin: auto;
     padding: 1em;
@@ -474,6 +477,9 @@ button.shadow-box-title {
 }
 
 #banner {
+    position: absolute;
+    top: 0;
+    z-index: 2;
     width: 100%;
     min-height: 6em;
 
@@ -488,6 +494,10 @@ button.shadow-box-title {
     justify-content: space-around;
 }
 
+#close-banner:hover {
+    cursor: pointer;
+}
+
 /* hide mobile */
 @media (max-width: 800px) {
     #banner {