ui update: test version

src/App.css

@@ -4,8 +4,6 @@
   width: 100%;
 }
 
-
-
 .content__container {
   height: 100vh;
   width: 400px;
@@ -17,13 +15,18 @@
   left: 50%;
   border-width: 0px 2px;
   border-style: solid;
-  border-color: #23242A;
-  
+  border-color: #23242a;
   transform: translate(-50%, -50%);
-  /* This is a shorthand of */
-
 }
 
+.popup {
+  width: 100%;
+  background: transparent;
+  padding: 56px;
+  box-sizing: border-box;
+}
+
+
 .card-container {
   display: flex;
   flex-direction: row;
@@ -38,8 +41,7 @@
   line-height: 100%;
   /* identical to box height, or 38px */
 
-
-  color: #FFFFFF;
+  color: #ffffff;
 }
 
 .demos_container {
@@ -47,12 +49,9 @@
   border-radius: 16px;
 }
 
-
-
 @media screen and (max-width: 1440px) {
   .card-title {
     margin: 22px 0 40px 0;
-
   }
 
   .card-container {
@@ -67,15 +66,12 @@
 
   .card-title {
     margin: 42px 0 40px 0;
-
   }
 }
 
 @media screen and (max-width: 920px) {
-
   .card-title {
     margin: 36px 0 32px 0;
-
   }
 
   .card-title {
@@ -91,6 +87,4 @@
     width: 100%;
     border: none;
   }
-
-
-}
+}