:root {
    --light_grey: #cccccc;
    --red: #c81012;
    --green: #51806c;
    --blue: #336695;
    --yellow: #b7a624;
}

body{
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
  position:relative;
}

.media {
    width: 99px;
    height: 99px;
    border-radius: 50%;
    height: 99px;
    line-height: 99px;
    white-space: nowrap;
    text-align: center;
    font-size: 24pt;
}

.text {
    background: var(--light_grey);
}

.díla {
    background: var(--red);
}

.autoři {
    background: var(--green);
}

.link_autor:link, .link_autor:visited {
    color: var(--green);
}

.link_autor:hover {
    color: var(--red);
}

.link_dílo:link, .link_dílo:visited {
    color: var(--red);
}

.link_dílo:hover {
    color: var(--green);
}

.link_místo:link, .link_místo:visited {
    color: var(--red);
}

.link_místo:hover {
    color: var(--green);
}

.místa {
    background: var(--yellow);
}

.dílo {
    font-size: 24pt;
}

.key {
}

.value {
    color: var(--green);
}