update

index.html

@@ -60,22 +60,6 @@
         </div>
       </div>
     </div>
-    <div class="container">
-      <div class="grid-container" id="bck">
-        <div class="grid-item"></div>
-        <div class="grid-item"></div>
-        <div class="grid-item"></div>
-        <div class="grid-item"></div>
-        <div class="grid-item"></div>
-        <div class="grid-item"></div>
-        <div class="grid-item"></div>
-        <div class="grid-item"></div>
-        <div class="grid-item"></div>
-        <div class="grid-item"></div>
-        <div class="grid-item"></div>
-        <div class="grid-item"></div>
-      </div>
-    </div>
     </div>
     <header>
         <div class="fixed-box">

main.css

@@ -54,7 +54,6 @@ html {
 body {
   background-color: var(--color-one);
   touch-action: manipulation;
-  opacity: 0.99;
   overscroll-behavior: contain;
   min-height: 100vh;
   margin: 0;
@@ -137,7 +136,7 @@ main {
   padding: 0 8px;
   height: 90px;
   width: 50vw;
-  border: 1px solid var(--background-color-one); /* Line color */
+  border: 1px solid var(--background-color-one);
   transform: translateX(100%);
   margin-bottom: 15px;
   background-color: var(--color-thirteen);
@@ -155,46 +154,6 @@ main {
   font-size: 40px; /* Font size */
 }
 
-.container {
-  margin: 0 auto;
-  width: 83%;
-  padding: 0;
-  border: 0;
-  vertical-align: baseline;
-}
-
-#bck {
-  position: fixed;
-  z-index: -1;
-}
-
-.grid-container {
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
-  gap: 20px;
-  margin: 0 auto;
-  width: 83%;
-}
-
-.grid-item {
-  border-left: 1px dotted var(--color-six);
-  border-right: 1px dotted var(--color-six);
-  height: 100vh;
-  transform-origin: bottom center;
-  transform: scaleY(0);
-  animation: borderFlow 4s forwards;
-  animation-delay: 0.5s;
-}
-
-@keyframes borderFlow {
-  from {
-    transform: scaleY(0);
-  }
-  to {
-    transform: scaleY(1);
-  }
-}
-
 .fixed-box {
   position: fixed;
   border: 1px solid var(--color-eight);