From ea64310ac5c11a58a9f4b286961f4b33fedd8212 Mon Sep 17 00:00:00 2001 From: brookee Date: Thu, 8 Feb 2024 11:11:15 -0500 Subject: [PATCH] update --- public/index.html | 2 +- public/style.css | 40 ++++++++++++++++++---------------------- 2 files changed, 19 insertions(+), 23 deletions(-) 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;