@font-face {
  font-family: sans;
  src: url(assets/GeistMono-VariableFont_wght.ttf);
}

body {
 font-weight: 300;
  color: rgb(142, 142, 142);
  text-transform:uppercase;
  font-family: "sans";
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding-top:10px;
  height: 100vh;
  width: 100%;
  
  background: #ffffff;
  font-feature-settings: 'ss04' on, 'ss02' on;
  font-size: 16px;
  overflow: hidden;
  display: flex;
  justify-content:top center; 
  align-items: center; 
  flex-direction: column; 

}

@media (max-width: 770px) {
  body {
    font-size: 14px;
  padding-left: 10px;
 
}
}

.weather {
  margin: 0;
  padding: 0;
  position: relative;
}

.weather .grid-container {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0px;
  margin: 0;
  padding: 0;
}

.weather .label {
  text-align: left;
}

.weather .value {
  text-align: left;
  padding-left: 40px;
}

a:link {
  color: rgb(142, 142, 142);
  text-decoration: none;
}

a:visited {
  color: rgb(142, 142, 142);
  text-decoration: none;
}

a:hover {
  color: rgb(255, 255, 255);
}