@font-face { 
    font-family: 'DejaVu Sans Mono';
    src: url('fonts/dejavusansmono_book_macroman/DejaVuSansMono-webfont.eot');
    src: url('fonts/dejavusansmono_book_macroman/DejaVuSansMono-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejavusansmono_book_macroman/DejaVuSansMono-webfont.woff') format('woff'),
         url('fonts/dejavusansmono_book_macroman/DejaVuSansMono-webfont.ttf') format('truetype'),
         url('fonts/dejavusansmono_book_macroman/DejaVuSansMono-webfont.svg#DejaVuSansMono') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    --background: hsl(0, 0%, 13%);
    --foreground: hsl(0, 0%, 20%);
    --text: hsl(0, 0%, 100%);
    --king-blue: hsl(240, 100%, 62%);
    --violet-light: hsl(270, 100%, 62%);
    --violet-dark: hsl(270, 100%, 25%);
    --orange-gold: hsl(40, 100%, 57%);

    background-color: var(--background);
    color: var(--text);
    font-family: 'Roboto', 'Segoe UI', sans-serif;
}

a {
    color: var(--king-blue)
}
a:visited{
    color: var(--violet-light);
}

.wrapper {
    margin-left: 5vw;
    margin-right: 5vw;
}

.link-button {
	background-color: var(--violet-dark);
	border-radius: 16px;
	border: 2px solid var(--violet-light);
	display: inline-block;
	cursor: pointer;
	color: var(--text);
	font-family: 'DejaVu Sans Mono';
	font-size: 16px;
	padding: 12px 24px;
	text-decoration: none;
}
.link-button:hover {
	background-color: var(--violet-light);
}