Create a proper billing page

core/static/style.css

@@ -1,5 +1,6 @@
 .register a {
   color: #700000 !important;
+  margin-left: 8px;
 }
 .title {
   color: white;
@@ -11,9 +12,6 @@ body{
   font-size: 12px;
   padding-top: 10px;
 }
-.register a {
-  margin-left: 8px;
-}
 .logo {
   display: block;
   margin-left: auto;
@@ -26,11 +24,7 @@ body{
 
 .product-container {
   background: #ffffff;
-  display: flex;
-  flex-direction: column;
-  width: 400px;
-  height: 100%;
-  border-radius: 6px;
+
   justify-content: space-between;
 }
 .product {
@@ -41,20 +35,7 @@ body{
   flex-direction: column;
   justify-content: center;
 }
-p {
-  font-style: normal;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 20px;
-  letter-spacing: -0.154px;
-  height: 100%;
-  width: 100%;
-  padding: 0 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-}
+
 img {
   border-radius: 6px;
   margin: 10px;
@@ -91,37 +72,7 @@ h5 {
 #checkout-button:hover {
   opacity: 0.8;
 }
-.notification {
-  background-color: #700000;
-  color: #fff;
-}
-.update-info {
-  background: #ffffff;
-  width: 400px;
-  border-radius: 6px;
-}
-.update-info #setup-button {
-  border-radius: 0px 0px 0px 0px;
 
-}
-.profile-info {
-  background: #ffffff;
-  width: 400px;
-  height: 50%;
-  border-radius: 0px;
-  margin-bottom: 2%;
-  padding-top: 12px;
-  padding-bottom: 3px;
-}
-.search-box {
-  display: flex;
-  width: 100%;
-  height: 100%;
-}
-.profile-info p {
-  align-items: left;
-  justify-content: left;
-}
 
 .subtitle {
   color: #dddddd;