@font-face {
    font-family: 'Cerebri Sans Book';
    font-style: normal;
    font-weight: normal;
    src: local('Cerebri Sans Book'), url('Cerebri Sans Book.woff') format('woff');
}

#loader {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;

    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    -webkit-box-align: center;

    align-items: center;
    justify-content: center;

	opacity: 1;
	visibility: visible;
	transition: 0.25s;
}

#loader .text {
	font-family: 'Cerebri Sans Book';	
	font-size: 12pt;
	display: block;
	position: absolute;
	margin-top: 100px;
	opacity: 0.7;
}

#loader svg {
	margin-top: -100px;
}


@media (prefers-color-scheme: dark) {
	#loader {
		background-color: #000C1F;
		color: white;
	}
}

@media (prefers-color-scheme: light) {
	#loader {
		background-color: #f3f8ff;
		color: black;
	}
}