body {
    font-family: sans-serif;
}

h1, h2 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

a {
    text-decoration: none;
    font-weight: 500;
    color: blue;
}

a:visited {
    color: darkblue;
}

span.paragraph_break {
    display: block;
    margin-bottom: 0.5em;
}

table.versions {
    width: 33em;
    margin-left: 20%;
    margin-right: auto;
    margin-bottom: 2em;
    text-align: left;
}

a:hover {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(320deg,rgba(157,171,160,1) 0,rgba(108,152,250,1) 33%,rgba(89,204,146,1) 67%,rgba(0,0,164,1) 100%);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    animation: gradient 7.5s infinite linear;
}

@keyframes gradient {
    0%{background-position:left}
    50%{background-position:right}
    100%{background-position:left}
}

img {
    display: block;
    width: 40%;
    margin-top: 2em;
    margin-bottom: 2em;
}

p, ul {
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

li {
    margin: 0.3em 0;
}

code {
    font-size: larger;
}