Upload files to "/"

stylesheet.css

@@ -0,0 +1,77 @@
+@font-face {
+  font-family: "CozetteVector";
+  src: url('./CozetteVector.ttf') format("truetype");
+}
+
+.grid-container {
+  display: grid;
+  grid-template-areas:
+    'header'
+    'CICD'
+    'footer';
+  gap: 10px;
+  padding: 10px;
+  font-family: mononoki;
+  #background-color: #2196F3;
+}
+
+.item1 { grid-area: header; }
+.item1t { grid-area: logo; }
+.item2 { grid-area: CICD; }
+.item3 { grid-area: monitoring; }
+.item4 { grid-area: vms; }
+.item5 { grid-area: storage; }
+.item6 { grid-area: network; }
+.item7 { grid-area: iam; }
+.item8 { grid-area: footer; }
+
+.grid-container > div {
+  padding: 10px 10px;
+  font-size: 30px;
+  #background-color: rgba(255, 255, 255, 0.5);
+}
+
+textarea, input[type="number"], input[type="text"], input[type="password"] {
+	background-color: rgba(255,255,255,0.1);
+	color: rgba(255,255,255,1);
+	border: solid;
+        border-width: 1px;
+        border-color: rgba(255,255,255,0.1);
+        border-radius: 4px;
+}
+
+body {
+    background-image: url("./Mq0m.mp4");
+    color: #CAEAFF;
+    font-family: "Silkscreen";
+    font-size: 18px;
+    display: grid;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-color: #232336;
+}
+
+h1 {
+    max-width: 500px;
+    margin: auto;
+    text-align: center;
+    font-size: 50px;
+}
+
+p {
+    text-align: left;
+	font-size: 1.2rem;
+}
+
+a {
+     color:#5f87ff;
+}
+
+form {
+  font-size: 20px;
+  padding: 10px;
+}
+
+button {
+  padding: 3px;
+}