@font-face {
    font-family: 'OpenDyslexic3';
    src: url('OpenDyslexicThree-Bold.woff2') format('woff2'),
        url('OpenDyslexicThree-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenDyslexic 3';
    src: url('OpenDyslexicThree-Regular.woff2') format('woff2'),
        url('OpenDyslexicThree-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


BODY{
	font-family: 'OpenDyslexic3', sans-serif;
	font-weight: normal;
}

#browserlocate{
    font-weight: bold;
    padding: .5em;
    margin-top: 3em;
    border-color: black;
    border-width: medium;
    font-family: 'OpenDyslexic3', sans-serif !important;
}

#browserlocate:focus #browserlocate:focus-within{
	 border-color: blue !important;
	  border-width: thick !important;
}

header{
	font-size: 3em;
	font-weight: bold;
}
.stationres{
	font-weight: bold;
	padding: .5em;
}