body {
  	background-color: #1b2d3a;
  	padding-left: 3%;
  	padding-right: 3%;
  	color: #ffc600;
  	font-family: monospace;
}

a {
  	color: #ffc600;
  	text-decoration-style: dashed;
}

footer {
    margin-top: 2em;
}

#articles li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}


@media only screen and (max-width: 400px) {
    body {
        font-size: 3vw;
    }
}

@media only screen and (min-width: 500px) {
    body {
        font-size: 2.5vw;
    }
}

@media only screen and (min-width: 600px) {
    body {
        font-size: 2.17vw;
    }
}

@media only screen and (min-width: 700px) {
    body {
        font-size: 1.9vw;
    }
}

@media only screen and (min-width: 800px) {
    body {
        font-size: 1.7vw;
    }
}

@media only screen and (min-width: 900px) {
    body {
        font-size: 1.46vw;
    }
}

@media only screen and (min-width: 1000px) {
    body {
        font-size: 13px;
    }
}