New UI made

static/css/main.css

@@ -50,4 +50,64 @@ body {
     top: 2px;
     right: 2px;
     padding-left: 10px;
-}
+}
+
+@media screen and (min-width: 600px) {
+    .main {
+        width: 90%;
+        flex-direction: row;
+        display: flex;
+    }
+    }
+    .list {
+        
+  }
+  .navbutt {
+    width: 100%;
+    /* justify-content: center; */
+    display: flex;
+    
+    
+  }
+
+@media screen and (min-width: 800px) {
+    .main {
+      width: 100%;
+      justify-content: center;
+      display: flex;
+      
+      
+    }
+    .form {
+        width: 100%;
+        /* justify-content: center; */
+        display: flex;
+        
+        
+      }
+      .navbutt {
+        width: 100%;
+        /* justify-content: center; */
+        display: flex;
+        
+        
+      }
+
+      .contain {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+      }
+    .list {
+        /* width: 90%; */
+        flex-direction: row;
+        justify-content: center;
+        display: flex;
+    }
+
+    .innerContain {
+        display: flex;
+        flex-direction: column;
+        width: 90%;
+    }
+  }