update css

src/assets/main.css

@@ -12,57 +12,64 @@ body {
   src: url('@/assets/fonts/a_OldTyper.ttf');
 }
 
-.center-message {
-  display: flex;
-  justify-content: center;
-
-  /* горизонтальное центрирование */
-  align-items: center;
-
-  /* вертикальное центрирование */
-  height: calc(100dvh - 100px);
-  text-align: center;
-
-  /* центрирование текста */
-}
-
-.content-block {
-  margin-top: 70px;
-  padding: 20px;
-
-  /* background-color: #553333; */
-}
-
 .height80 {
   height: 80vh;
 }
 
-.center-block-custom {
+.content-block {
   margin-top: 70px;
 }
 
-.center-block-custom-big {
+.center-block-custom {
   margin-top: 70px;
+  overflow-y: auto;
+  height: calc(100vh - 150px);
+
+  /* Firefox */
+  scrollbar-width: none;
+}
+
+.center-block-custom::-webkit-scrollbar {
+  /* Chrome, Edge, Safari */
+  display: none;
+}
+
+.width700 {
+  padding: 10px;
+  margin: 0 auto;
+}
+
+.width1200 {
+  padding: 10px;
+  margin: 0 auto;
+}
+
+.display-table {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: center;
 }
 
 @media (width >=1024px) {
   .center-block-custom {
-    width: 700px;
     margin: 70px auto 0;
+    height: calc(100dvh - 70px);
   }
 
-  .center-block-custom-big {
+  .width700 {
+    width: 700px;
+    padding: 20px;
+    margin: 0 auto;
+  }
+
+  .width1200 {
     width: 1200px;
-    margin: 70px auto 0;
+    padding: 20px;
+    margin: 0 auto;
   }
 
   .center-middle-block-custom {
     display: grid;
     place-items: center;
   }
-
-  .content-block {
-    margin-top: 70px;
-    padding: 20px 0;
-  }
-}
+}