body {
    margin: 0;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16pt;
}

textarea,
input,
button,
select {
    font: inherit;
}

video,
img {
    max-width: 100%;
}

div {
    margin-bottom: 10px;
    position: relative;
}

input+span {
    padding-right: 30px;
}

input:invalid+span:after {
    position: absolute;
    content: '✖';
    padding-left: 5px;
}

input:valid+span:after {
    position: absolute;
    content: '✓';
    padding-left: 5px;
}

.shortlink {
    font-size: 150%;
    font-weight: bolder;
    /* font-family: Roboto, Arial, sans-serif; */
    font-family: 'Roboto Mono', Consolas, monospace;
    text-decoration: none;
    color: black;
}