better stylings

2022-11-25 09:16:38 -06:00 · 2022-11-25 09:16:38 -06:00 · e28c1adb5e
parent 9b3844c5a1
commit e28c1adb5e
1 changed files with 10 additions and 9 deletions
--- a/template/header.html
+++ b/template/header.html
@ -10,6 +10,14 @@
      padding: 0;
      outline: none;
    }
+    html, body {
+      height: 100%;
+    }
+    body {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
    ul {
      list-style-type: none;
      overflow: auto;
@ -42,13 +50,6 @@
    body {
      background-color: #11111b;
    }
-    #container {
-      position: fixed;
-      display: block;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
    input {
      width: 100%;
      background-color: #11111b;
@ -61,13 +62,13 @@
      margin-top: 20px;
      text-align: center;
    }
-    ::-moz-placeholder {
+    input::placeholder {
      color: #313244;
      opacity: 1;
    }
    </style>
  </head>
  <body>
-    <main id='container'>
+    <main>
      <section>
        <ul>