Fix positioning of hero content

fringewidth · May 2, 2024 · 13e91ee · 13e91ee
1 parent f1d6e1c
commit 13e91ee
Showing 1 changed file with 21 additions and 4 deletions.
diff --git a/src/index.css b/src/index.css
@@ -23,6 +23,7 @@
   }
 }
 
+
 *{
   font-family: var(--font);
   transition: 0.2s;
@@ -34,9 +35,13 @@ body{
   background: var(--bgcolor);
 }
 
+.center{
+  top: 50%;
+  transform: translateY(50%);
+}
+
 .herocontent{
   width: 100%;
-  height: 110vh;
   position: relative;
   bottom: 10vh;
   z-index: -1;
@@ -55,9 +60,9 @@ body{
 
 .herotext{
   /* layout */
-  position: relative;
-  bottom: 37%;
-  left: 17%;
+  position: absolute;
+  bottom: 26%;
+  left: 47%;
 
   /* text */
   color: var(--stylecolor1);
@@ -73,6 +78,10 @@ body{
   font-size: 2.8vw;
 }
 
+.herocontent + *{
+  margin-top: -10%;
+}
+
 .herotext>:first-child span, .specialtext{
   font-weight: 600;
   font-size: 3.8vw;
@@ -333,6 +342,8 @@ footer>p:last-child{
   height: 100%;
   overflow: hidden;
   z-index: -1;
+  margin-top: 2px;
+
 }
 
 .form{
@@ -416,6 +427,12 @@ form>*{
   transition: none;
 }
 
+.userlistheader{
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
 .userdata{
   margin: 2.06rem 1.13rem;
   border-radius: 2.125rem;