change bg to cover and add more top margin to panel

manifest.json

@@ -1,7 +1,7 @@
 {
     "name": "Currency Converter",
     "short_name": "Currency Converter",
-    "start_url": "/",
+    "start_url": "/currency",
     "background_color": "#55335C",
     "theme_color": "#9E79C0",
     "icons": [

style.css

@@ -6,23 +6,27 @@ html {
 }
 body {
     background-image: url("bg.jpg");
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
     height: 100%;
     margin: 0;
     padding: 0;
+    border: 1px solid transparent;
 }
 
 .panel {
     height: 60%;
+    min-height: 192px;
     margin-left: 15%;
     margin-right: 15%;
-    margin-top: 15%;
+    margin-top: 20%;
     font-size: 15px;
     text-align: center;
     text-decoration: none;
     outline: none;
     color: #000000;
     background-color: #9e79c0;
-    border: none;
     border-radius: 15px;
     box-shadow: 0 9px 9px 9px #55335c;
 }