reorganized files

app/static/css/styles.css

@@ -0,0 +1,75 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+}
+
+header {
+    background-color: #008C2F;
+    color: white;
+    padding: 1em 0;
+    text-align: center;
+}
+
+nav a {
+    color: white;
+    margin: 0 15px;
+    text-decoration: none;
+}
+
+main {
+    padding: 20px;
+}
+
+.arrow {
+    width: 0;
+    height: 0;
+    border-left: 8px solid transparent;
+    border-right: 8px solid transparent;
+    border-bottom: 20px solid black;
+    margin: 20px auto;
+    transform-origin: center;
+    transition: transform 0.3s ease;
+    margin-left: 10px;
+}
+
+.wind-container {
+    display: flex; /* Align items horizontally */
+    align-items: center; /* Vertically center the arrow with the text */
+    gap: 10px; /* Add spacing between the items */
+}
+
+.s-tier {
+    background-color: #ffeb3b; /* Bright yellow for S-Tier */
+    color: #000;
+}
+
+.a-tier {
+    background-color: #4caf50; /* Green for A-Tier */
+    color: #fff;
+}
+
+.other-tier {
+    background-color: #f44336; /* Red for other items */
+    color: #fff;
+}
+
+.mb-2{
+    list-style-type: none;
+}
+/* styles.css */
+
+
+
+li .nav {
+    list-style: none;
+}
+
+ul .nav {
+    white-space:nowrap;
+    text-align: center;
+}
+
+nav{
+    display: inline-block;
+}