Changed padding and background gradient.

unit-conversion/src/features/card/card.css

@@ -5,7 +5,7 @@
   margin: 7%;
   min-height: 20%;
   border-radius: 10px;
-  background-color: rgba(255 255 255 / 90%);
+  background-color: rgba(255 255 255 / 40%);
   box-shadow:
     0 2.8px 2.2px rgba(0 0 0 / 3.4%),
     0 6.7px 5.3px rgba(0 0 0 / 4.8%),
@@ -13,7 +13,8 @@
     0 22.3px 17.9px rgba(0 0 0 / 7.2%),
     0 41.8px 33.4px rgba(0 0 0 / 8.6%),
     0 100px 80px rgba(0 0 0 / 12%);
-  padding-left: 40px;
+  padding-left: 20px;
+  padding-right: 20px;
 }
 
 .inputField {

unit-conversion/src/index.css

 :root {
   /* Colors */
   --letterbox-color: rgba(255 255 255 / 100%);
-  --app-background-color: rgba(101 142 156 / 100%);
+
+  /* background-color: rgba(101 142 156 / 100%); */
+  --app-background-color: linear-gradient(102.28deg, rgba(231 189 251 / 50%) -7.7%, rgba(250 208 218 / 50%) 38.01%, rgba(168 198 243 / 50%) 91.43%);
   --font-color: rgba(0 0 0 / 100%);
 
   /* Sizes */