html {
    padding: 3%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    animation-name: fade-in;
    animation-duration: 500ms;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}
@keyframes fade-in {
    from {
        opacity: 0;
        filter: blur(1px);
    }
    to {
        opacity: 1;
        filter: blur(0px);
    }
}
h1 {
  text-align: center;
}
hr {
    color: black;
    border: solid 1px;
}
a {
    color: black;
    transition: 200ms;
}
a:hover {
    transform: scale(1.5);
}
.center {
    font-weight: bold;
    margin-left: 5px;
    transition: 200ms;
    text-align: center;
}
.links a {
    font-size: 120%;
}
a:hover {
    font-size: 150%;
}
a:active {
    font-size: 100%;
}
@media only screen and (max-width: 768px) {
    .links a {
        font-size: 150%;
    }
    .center {
        font-size: 150%;
    }
    .links a:hover {
        font-size: 150%;
    }
    .links a:active {
        font-size: 120%;
    }
}