Create uv.css

p0xx · Nov 28, 2023 · ee4ce2b · ee4ce2b
1 parent 196d4a4
commit ee4ce2b
Showing 1 changed file with 48 additions and 0 deletions.
diff --git a/css/uv.css b/css/uv.css
@@ -0,0 +1,48 @@
+@keyframes fadeInAnimation {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+body {
+    margin: 0;
+    background: #222;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    animation-iteration-count: 1;
+    animation-fill-mode: forwards;
+}
+
+form {
+    display: flex;
+    justify-content: center;
+    margin-top: 9em;
+}
+
+form input {
+    background: none;
+    font-family: inherit;
+    padding: 0px 17px;
+    height: 48px;
+    border: 1px solid rgb(255, 255, 255, .2);
+    color: var(--text-color);
+    border-radius: 3px;
+    outline: none;
+    width: 350px;
+    margin-top: 5px;
+    border-radius: 50px;
+    color: #FFF;
+    background-color: #111;
+}
+
+form input:focus {
+    border: 1px solid rgba(253, 253, 253, 0.514);
+    border-radius: 6px;
+    animation: fadeInAnimation ease-in-out 0.3s;
+    animation-iteration-count: 1;
+    animation-fill-mode: forwards;
+}