initial commit

user/sign.css

@@ -0,0 +1,66 @@
+body{
+    margin: 0;
+}
+
+#formWrapper{
+    margin-top: 10vh;
+    align-content: center;
+    text-align: center;
+}
+form{
+    display: inline-block;
+    padding: 2em 6em;
+    border: 1px solid #333;
+    border-radius: var(--border-radius);
+    margin-left: auto;
+    margin-right: auto;
+}
+input[type=text], input[type=password]{
+    border: 0px;
+    border-radius: var(--border-radius);
+    margin-bottom: 2px;
+    padding: 3px 6px;
+    background-color: var(--main-back-color);
+    color: var(--main-light-color);
+}
+input[type=text]:hover, input[type=password]:hover{
+    border-bottom: 1px solid var(--main-theme-color);
+    margin-bottom: 1px;
+}
+input[type=text]:focus, input[type=password]:focus{
+    border-bottom: 2px solid var(--main-theme-color);
+    margin-bottom: 0;
+}
+button[type=submit]{
+    margin-top: 1em;
+    background-color: var(--main-theme-color);
+    color: white;
+    border: none;
+    border-radius: var(--border-radius);
+    padding: 0.5em 1em;
+    cursor: pointer;
+}
+
+/* Cookie banner */
+#cookie{
+    display: none;
+}
+label[for=cookie]{
+    cursor: pointer;
+    border-bottom: 1px solid var(--main-light-color);
+}
+#cookie:checked+#cookies{
+    display: none;
+}
+#cookies{
+    font-family: sans-serif;
+    font-size: 1em;
+    display: block;
+    background-color: var(--main-theme-color);
+    color: var(--main-light-color);
+    text-align: center;
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    padding-bottom: 1em;
+}