body {
   font-family: sans-serif;
   margin: 0;
   padding: 1em;
   text-align: center;
   background-color: #fff;
   color: #000;
   transition: 0.3s;
 }

 button {
   margin: 0.5em;
   padding: 0.6em 1.2em;
   font-size: 1em;
   border: none;
   background: #4285F4;
   color: white;
   border-radius: 5px;
 }

 #location {
   margin: 1em 0;
   font-size: 1.2em;
 }

 #map {
   height: 300px;
   margin: 1em auto;
   width: 100%;
   max-width: 600px;
   border-radius: 10px;
 }

 #history {
   margin-top: 1em;
   text-align: left;
   max-width: 600px;
   margin-left: auto;
   margin-right: auto;
 }

 .dark-mode {
   background-color: #121212;
   color: white;
 }

 .dark-mode button {
   background: #333;
   color: white;
 }

 .dark-mode #map {
   filter: grayscale(80%) brightness(90%);
 }

 a.share-link {
   display: inline-block;
   margin: 0.5em;
   text-decoration: none;
   font-size: 1em;
   color: white;
   background-color: #25D366;
   padding: 0.6em 1.2em;
   border-radius: 5px;
 }

 .email-link {
   background-color: #D44638;
 }

 #tryAgainBtn {
   display: none;
   background-color: #f44336;
 }