diff --git a/public/index.html b/public/index.html
index fa096de..1c94c41 100755
--- a/public/index.html
+++ b/public/index.html
@@ -3,9 +3,9 @@
+
The Mycelial Network
-
diff --git a/public/style.css b/public/style.css
index 7d829ab..35c1587 100755
--- a/public/style.css
+++ b/public/style.css
@@ -45,9 +45,7 @@ body,
}
.center-text {
- position: absolute;
- top: 35vh;
- left: 10.5rem;
+ position: fixed;
gap: 25px;
display: flex;
flex-direction: column;
@@ -56,6 +54,22 @@ body,
z-index: 10;
background-color: #241917;
max-width: 85vw;
+ top: 50%;
+ left: 50%;
+ transform: none;
+ margin-left: -15vw;
+ margin-top: -12vh;
+}
+
+@media only screen and (max-width: 767px) {
+ .center-text {
+ left: 15px;
+ right: 15px;
+ top: 40%;
+ margin-left: 0;
+ margin-top: 0;
+ max-width: 100vw;
+ }
}
.tabs {
@@ -64,7 +78,7 @@ body,
.tab {
cursor: pointer;
- padding: 8px;
+ padding: 4px 15px;
border-width: 0 4px 4px 0;
border-style: solid;
border-color: #f3bbae92;
@@ -104,24 +118,6 @@ body,
display: block;
}
-@media only screen and (min-width: 1024px) {
- .center-text {
- left: 10z.5rem;
- }
-}
-
-@media only screen and (max-width: 1023px) and (min-width: 768px) {
- .center-text {
- left: 2.5rem;
- }
-}
-
-@media only screen and (max-width: 767px) {
- .center-text {
- left: 1.5rem;
- }
-}
-
.bullet-text {
font-size: 14px;
text-align: left;