Inicio do Projeto.

css/base.css

@@ -0,0 +1,55 @@
+@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");
+/* icones */
+
+@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
+/* font-family: "Roboto Mono", monospace; */
+
+@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap");
+/* font-family: "Public Sans", sans-serif; */
+
+:root {
+    --font: #c4e5f2;
+    --bg-dark: #010d26;
+    --bg-light: #9cc1d9;
+    --btn: #0000cc;
+    --btn-dark: #000080;
+}
+
+::-webkit-scrollbar {
+    display: none;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    font-family: "Roboto Mono", monospace;
+    color: var(--font);
+    list-style: none;
+    text-decoration: none;
+}
+
+body {
+    overflow-x: hidden;
+    background: linear-gradient(
+        130deg,
+        var(--bg-dark) 50%,
+        var(--bg-light) 200%
+    );
+    background-position: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+    min-height: 100vh;
+}
+
+#btn {
+    cursor: pointer;
+    background-color: var(--btn);
+    padding: 1.5dvh;
+    font-size: 1.2em;
+    border-radius: 10dvw;
+    transition: 0.3s;
+}
+
+#btn:hover {
+    background-color: var(--btn-dark);
+}

css/style.css

@@ -0,0 +1,47 @@
+#menu {
+    position: relative;
+    display: flex;
+    align-items: center;
+    border-bottom: solid 2px var(--btn);
+    min-height: 5dvw;
+    background-color: #0000007a;
+    label {
+        padding: 1dvw;
+    }
+    ul {
+        position: absolute;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        top: 0;
+        right: 0;
+        height: 100%;
+        li {
+            margin: 0 1dvw 0 1dvw;
+        }
+    }
+}
+
+#search {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    min-height: 25dvw;
+
+    hgroup {
+        width: 60%;
+        h1 {
+            color: var(--btn);
+            text-align: center;
+            font-family: "Public Sans", sans-serif;
+            font-size: 3em;
+            font-weight: 900;
+        }
+        label {
+            word-break: break-all;
+            font-weight: 400;
+            font-size: 1.5em;
+        }
+    }
+}