@font-face {
    font-family: 'ubuntu_monoregular';
    src: url('../assets/fonts/ubuntumono-r-webfont.woff2') format('woff2'),
         url('../assets/fonts/ubuntumono-r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cascadia_coderegular';
    src: url('../assets/fonts/cascadia-webfont.woff2') format('woff2'),
         url('../assets/fonts/cascadia-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
	--body_background: snow;

}

@media (prefers-color-scheme: dark) {
:root {
	--body_background: #11151C;
	}
	}

html {
	background-color: #282832; /*fallback*/
	background-image: url('../assets/backdrop.png'), 
	radial-gradient(#364156, #212D40, #11151C)
	; /* colour order goes from inside to out*/
	
	background-repeat: 
	repeat, /*image*/
	no-repeat; /*gradient*/
		
	background-attachment: 
	fixed, /*image*/
	fixed; /*gradient*/
}

body { 
	max-width: 50em;
	margin: auto;
	padding: 1em;
	background-color: var(--body_background);
	
	font-size: 1.2rem; 
	font-family: 'ubuntu_monoregular', monospace;
}

@media (min-width: 600px) {
body {
	padding: 1.6em 2em;
	font-size: 1.4rem; 
	}
}

/*default link colours*/
a:link         { color: #b5179e; }
a:visited      { color: #b5179e; }
a:hover        { color: #9A0081; }
a:active       { color: #b5179e; }

.headings {
	padding: 0.5em; /* top and bottom, left and right */
	margin: 0.5em 0.5em 0 0.5em; /* top, right, bottom, left */
	font-family: 'cascadia_coderegular', monospace;
	}