@font-face {
    font-family: "MontserratLight";
    src: url(fonts/Montserrat-Light.otf);
}

html, body {
    margin: 0;
    background: #fff;
    font-size: calc(4px + 2vw);
    font-family: "MontserratLight";
    color: #000;
}

.wrapper {
    padding: 6vh 8vw;
}

.hello-world {
    font-size: calc(14px + 2vw);
}

a, a:visited {
    box-shadow: inset 0 -1px 0 0 #fff, inset 0 -2px 0 0 rgba(234, 104, 109, .4);
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff;
    color: #F31919;
}

a:hover, a:focus {
    box-shadow: inset 0 -1px 0 0 #fff, inset 0 -2px 0 0 rgba(234, 104, 109, .4);
    color: #f57c00;
}

a:active {
    color: #ffaa00;
}

@media(max-width: 1000px) {
    .hello-world {
        font-size: calc(24px + 2vw);
    }

    html, body {
        font-size: calc(20px + 2vw);
    }
}

@media(max-width: 600px) {
    .wrapper {
        padding: 0vh 8vw;
    }

    .hello-world {
        font-size: calc(24px + 2vw);
    }

    html, body {
        font-size: calc(20px + 2vw);
    }
}