:root {
    color-scheme: dark;
    background: url('');
    background-position: center;
    background-size: 10rem;
    font-size: large;
    font-family: 'Courier New', Courier, monospace
  }

h1{
    color: white !important;
}

h2{
  font-size: smaller;
  position: relative;
  top: -1.5rem !important;
}

h3{
  position: relative;
  top: -2.5rem;
}

h4{
  position: relative;
  top: -5rem;
}

h5{
  font-size: xx-small !important;
  position: relative;
  top: -6.7rem;
}

h6{
  font-size: xx-small !important;
  position: relative;
  top: -8rem;
}

.copyright{
  color: lightgray;
  font-size: xx-small !important;
  font-weight: 100;
  font-style: italic !important;
}

.center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.mdi--worker {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 15c-4.42 0-8 1.79-8 4v2h16v-2c0-2.21-3.58-4-8-4M8 9a4 4 0 0 0 4 4a4 4 0 0 0 4-4m-4.5-7c-.3 0-.5.21-.5.5v3h-1V3s-2.25.86-2.25 3.75c0 0-.75.14-.75 1.25h10c-.05-1.11-.75-1.25-.75-1.25C16.25 3.86 14 3 14 3v2.5h-1v-3c0-.29-.19-.5-.5-.5z'/%3E%3C/svg%3E");
    background-color: white !important;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }