body div {
    font-family: 'Roboto';
    font-size: large;
    position: absolute;
}

@media (min-width: 0px) and (max-width: 768px) {
    body div {
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 5%;
        padding-bottom: 10%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    body div {
        padding-left: 20%;
        padding-right: 20%;
        padding-top: 3%;
        padding-bottom: 5%;
    }
}

@media (min-width: 1024px) {
    body div {
        padding-left: 30%;
        padding-right: 30%;
        padding-top: 2%;
        padding-bottom: 2%;
    }
}

* {
    color: var(--text-color);
}

a {
    text-decoration: underline;
}