UI designed 👍🏻

2022-05-01 07:35:44 +00:00
parent de8acf4b88
commit 155afadba9
14 changed files with 230 additions and 0 deletions
--- a/style.css
+++ b/style.css
@@ -0,0 +1,62 @@
+@font-face {
+    font-family: Glitch;
+    src: url("/Assets/Fonts/PositiveSystem.otf") format("opentype");
+}
+
+@font-face {
+    font-family: C64;
+    src: url("/Assets/Fonts/C64-Rounded.ttf") format("truetype");
+}
+
+body {
+    background-color: black;
+    background-image: url("/Assets/wallpaper4k.png");
+    background-position: center;
+    background-size: cover;
+    overflow-x: hidden;
+    padding: 0;
+    margin: 0;
+}
+
+#content {
+    background-color: #022601;
+    height: 80%;
+    margin: 2vw;
+    padding: 2vw;
+    color: white;
+    border: 2px solid #377326;
+    border-radius: 1em;
+}
+
+.logo {
+    width: 60%;
+    height: auto;
+    left: 50%;
+    right: 50%;
+}
+
+span {
+    font-family: C64, Glitch, monospace;
+    font-size: 5vh;
+    color: #79F257;
+    text-align: center;
+    display: block;
+}
+
+.button {
+    margin: 8px;
+}
+.button > button {
+    background-color: #377326;
+    color: #79F257;
+    border: 1px solid #5AA637;
+    border-radius: 3px;
+    height: 3vw;
+}
+
+.copyright {
+    margin-top: 3vh;
+    text-align: center;
+    display: block;
+    color: #377326;
+}