1 files changed, 97 insertions, 0 deletions

diff --git a/htdocs/public/assets/css/main.css b/htdocs/public/assets/css/main.css
new file mode 100644
index 0000000..59df155
--- /dev/null
+++ b/htdocs/public/assets/css/main.css
@@ -0,0 +1,97 @@
+html, body {
+    height: 100%;
+    width: 100%;
+    background-color: #222;
+    margin: 0;
+    padding: 0;
+}
+
+main {
+    position: fixed;
+    overflow: auto;
+    padding: 20px;
+    inset: 0;
+    color: white;
+}
+
+.grid-3 {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-gap: 20px;
+}
+
+.grid-2 {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-gap: 20px;
+}
+
+.button {
+    color: inherit;
+    text-decoration: inherit;
+    transform: scale(1);
+    opacity: 1;
+    transition: transform 200ms;
+}
+
+.button:hover {
+    opacity: .5;
+}
+
+.button:active {
+    transform: scale(.95);
+}
+
+.tagline {
+    opacity: .5;
+    margin-top: 0;
+}
+
+a {
+    color: #ffa0a0;
+}
+
+a:hover {
+    opacity: .75;
+}
+
+a:focus, a:active {
+    opacity: .5;
+}
+
+.hr-style-01 {
+    border-bottom: none;
+    border-top: 1px solid white;
+}
+
+.big-button {
+    transition: color 200ms, background 200ms, opacity 200ms;
+    color: white;
+    background: #333;
+    border: 1px solid white;
+    padding: 10px 20px;
+    text-decoration: none;
+    margin-top: 10px;
+    opacity: 1 !important;
+    border-radius: 5px;
+}
+
+.big-button:hover {
+    color: #333;
+    background: white;
+}
+
+.big-button:active {
+    opacity: .5 !important;
+}
+
+.stand {
+    padding: 5px;
+    margin-left: -20px;
+    margin-right: -20px;
+    background: #333;
+}
+
+.stand-strong {
+    padding: 20px;
+}
\ No newline at end of file