design improvements

style.css

@@ -26,16 +26,15 @@ h2 {
 
 header {
   display: flex;
-  justify-content: center;
-  align-items: center;
   flex-direction: column;
-  padding-top: 5px;
+  align-items: center;
+  padding-top: 10px 15px;
 }
 
 header input {
   width: 100%;
-  max-width: 280px;
-  padding: 10px 15px;
+  max-width: 80vw;
+  padding:15px;
   border: none;
   outline: none;
   background-color: rgba(255, 255, 255, 0.3);
@@ -83,7 +82,7 @@ header input:focus {
 
 main {
   flex: 1 1 100%;
-  padding: 25px 25px 50px;
+  padding: 25px;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -97,6 +96,13 @@ main {
   margin-bottom: 5px;
 }
 
+.location .coords {
+  color: #FFF;
+  font-size: 32px;
+  font-weight: 500;
+  margin-bottom: 5px;
+}
+
 .location .date {
   color: #FFF;
   font-size: 16px;
@@ -111,8 +117,8 @@ main {
 
   background-color: rgba(255, 255, 255, 0.2);
   backdrop-filter: blur(9px);
-  padding: 15px 25px 15px 25px;
-  border-radius: 16px;
+  padding: 20px;
+  border-radius: 20px;
 
   text-align: center;