design changes, accessibility stuff

web/css/main.css

@@ -46,19 +46,31 @@ body {
     font-family: 'Titillium Web', sans-serif;
     color: var(--color-text);
     background: var(--color-main);
-    background-blend-mode: multiply;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     transition: 0.3s ease-in-out background-color;
     margin: 0 auto;
+    min-height: 100%;
+}
+
+#wrapper-outer {
+    width: 100%;
+    height: auto;
+    background-color: var(--color-main);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height:100vh;
+}
+
+.wrapper-outer-static {
+    display: block !important;
+    padding-top: 10px;
+    padding-bottom: 10px;
 }
 
 #wrapper {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
     width: 1180px;
     max-width: 1180px;
 }
@@ -82,7 +94,7 @@ hr {
 }
 
 .table-big {
-    border-radius: 30px;
+    border-radius: 15px;
     background-color: var(--color-2);
     padding: 20px;
     margin: auto;
@@ -109,11 +121,11 @@ hr {
 
 
 .table-big th:nth-child(1) {
-    border-radius: 30px 0px 0px 30px; 
+    border-radius: 15px 0px 0px 15px; 
 }
 
 .table-big th:nth-last-child(1){
-      border-radius: 0px 30px 30px 0px;
+      border-radius: 0px 15px 15px 0px;
 }
 
 @media (max-width: 1180px) {