@import url(../fonts/bunny-fonts.css);


html {
  max-width: 79ch;
  padding: 3em 1em;
  margin: auto;
  line-height: 1.75;
  font-size: 1.25em;
  background-color: #efefef;
  font-family: 'Amaranth', sans-serif;
}

.main {
  display: flex; 
  flex-wrap: wrap;
  justify-content: space-between;
  /*grid: repeat(6,5em) /auto-flow 17em;*/ 
  /*grid: repeat(1,13em) /13em 24em;*/
  grid-gap: 3em;

  border: 3px;
  margin: 0em;
  border-color: black;
  border-style: solid;
  border-radius: 9px;
  padding: 13px;
  background-color: white;
}

.main_header {
    border-bottom-style: solid;
    border-radius: 3px;
    max-width: fit-content;
    padding-right: 14px;
    padding-left: 6px;
  
}

.category {
  border: 3px;
  margin: 0em;
  border-color: lightcoral;
  border-style: solid;
  border-radius: 9px;
  padding: 12px;
  min-width: 11em;
  max-width: fit-content;
}

.category > h2 {
  text-align: center;
  font-weight: unset;
}

.update_button_container {
  display: flex; 
  justify-content: center; 
  margin: 1em;
}

.update_button {
  font-weight: bold;
  font-size: inherit;
  font-family: inherit;
}

.temperature_grid {
  display: grid;
  grid-template-areas: 'left right';
}

.temperature_value {
  justify-self: end;
}


.blinking_text {
  animation:2s blinker linear infinite;
}

@keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; }
 }

.spot_price {
  text-align: center;
}

@media only screen and (max-width: 600px) {
  
  .category {
    min-width: -moz-available;
    min-width: -webkit-fill-available;
  }
}