+
diff --git a/style.css b/style.css
index 697645a..666642d 100644
--- a/style.css
+++ b/style.css
@@ -96,7 +96,6 @@ html {
font-style: normal;
color: #E9E9E9;
font-weight: 400;
- /* min-width: 1000px; /* probably play with this to DECIMATE mobile and get consistent layout at the cost of horizontal scroll on mobile */
}
body {
@@ -199,6 +198,10 @@ button {
}
+
+
+
+
.sidebar {
max-width: 250px;
overflow: hidden;
@@ -281,19 +284,38 @@ button {
position: relative; /* for oneko-button "inside" */
}
-#maintitle {
- font-size: 3.5rem;
- text-align: center;
- margin: 0;
- margin: auto;
-}
+ #titleandcat {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding-left: 0;
+ padding-right: 0;
+ margin-bottom: 0;
+ }
+
+ #maintitle {
+ font-size: 3.5rem;
+ text-align: center;
+ }
+
+ #sapari-dance {
+ height: 5rem;
+ min-height: 3rem;
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+
+
+
+
+ #oneko-button {
+ position: absolute;
+ top: -1.5rem; /* adjust for margin */
+ right: 0;
+ padding: 0.65rem;
+ }
-#oneko-button {
- position: absolute;
- top: -1.5rem; /* adjust for margin */
- right: 0;
- padding: 0.65rem;
-}
@@ -339,6 +361,10 @@ button {
font-size: 1.2rem;
}
+ #directory-box {
+ margin-top: 0.5rem;
+ margin-bottom: 1.5rem;
+ }
#directory-icon {
height: 1.5rem;
@@ -565,7 +591,7 @@ button {
#spaceweather-ovation {
width: 80%;
max-width: 300px;
- }
+ }
}
diff --git a/template.html b/template.html
index 73e9788..d7a0f01 100644
--- a/template.html
+++ b/template.html
@@ -18,7 +18,12 @@
@@ -77,7 +82,8 @@
/Tree
- Top -
- CHANGE ME +
- Status +
- Space Weather