body {
  background-color: #101010;
  color: #FFFFFF;
  margin:1em auto ;
  font-size:medium;
  max-width:70em;
  padding:0em 1em;
}

.fit-picture {
    width: 100%;
    height: auto;
}

.picure-3-4 {
  aspect-ratio: 3 / 4;
}

h1 {
  text-align:center;
}

a {
  color: #00ffff;
}

a:visited {
  color: #ff00ff;
}

.tabs {
  display: flex;
  flex-wrap: wrap;
}

.tabs label {
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  margin-right: 0.2rem;
  cursor: pointer;
  background-color: black;
  font-weight: bold;
}

.tabs .tab {
  order: 9;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  display: none;
}

.tabs input[type=radio] {
  display: none;
}

.tabs input[type=radio]:checked + label {
  background: #d00000;
}

.tabs input[type=radio]:checked + label + .tab {
  display: block;
}