@import url('https://fonts.googleapis.com/css2?family=Open%20Sans:wght@400;500;700&display=swap');

:root {
  --md-ref-typeface-brand: 'Open Sans';
  --md-ref-typeface-plain: system-ui;
  --md-sys-typescale-body-medium-size: 1rem;
}

h2 {
  text-align: center;
}

body {
  background-color: black;
  color: white;
  font-family: "Roboto Condensed", serif;
  /* font-size: 1.7rem; */
  margin: 0;
}

.linkCard {
  /* border: 1px salmon solid; */
  border-radius: 1em;
  background-color: darkblue;
  padding: 0.1em; 
  padding-top: 1em;
  padding-bottom: 1em;
  width: 15em;
  min-height: 6em;
  text-align: center;
}

.up {
  background-color: darkgreen;
}

.down {
  background-color: darkred;
}

a {
  text-decoration: none;
  color: white;
}

.sectionFlex {
  display: flex;
  justify-content: center; 
  align-items: stretch;
  gap: 1em;
  flex-wrap: wrap ;
}

.refreshButton {
  position:fixed;
  bottom:1em;
  right:1em;
  z-index: 1;
}