Created the main page

2022-03-15 16:43:45 -04:00
parent 6a468ad073
commit 3358a36f86
4 changed files with 106 additions and 0 deletions
--- a/css/style.css
+++ b/css/style.css
@ -0,0 +1,69 @@
+* {
+    box-sizing: border-box;
+}
+body {
+    margin: 0;
+    background-color:rgb(204, 204, 204)
+}
+.header {
+    background-color: #2e2828;
+    color: white;
+    text-align: center;
+    font-size: 35px;
+    margin: 0;
+}
+.header h1{
+    margin: 0;
+}
+.row {
+    display: -webkit-flex;
+    display: flex;
+    background-color: #888888;
+}
+.column {
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    padding: 5px; 
+    --height: 30px;
+    text-align: center;
+    text-decoration: none;
+    color: black;
+}
+.column:hover{
+    background-color: rgb(163, 163, 163);
+}
+.kyaru_main {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+    height: auto;
+}
+
+.column a {
+    text-decoration: none;
+    color: black;
+    width: 100%;
+}
+
+.footer {
+    background-color: #2e2828;
+    padding: 10px;
+    text-align: center;
+    color: white;
+    position: fixed;
+    width: 100%;
+    left: 0;
+    bottom: 0;
+  }
+
+  @media (max-width: 600px) {
+    .row {
+      -webkit-flex-direction: column;
+      flex-direction: column;
+    }
+    .kyaru_main{ 
+        width: 100px;
+    }
+  }