@font-face {
    font-family: 'DINOT'; /*a name to be used later*/
    src: url("/static/DINOT.otf"); /*URL to font*/
}
@font-face {
    font-family: 'DINOT-Bold'; /*a name to be used later*/
    src: url("/static/DINOT-Bold.otf"); /*URL to font*/
}

body {
	background-color: var(--main-background);
	background-size: cover;
	background-position: center;
	color: var(--text);
	font-family: DINOT;
	margin: 0;
	width: 100%;
	min-height: 100vh;
}
.page{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.main {
	height: calc(100vh - 50px)
}

.cal{
	width: 100%;
	height: 100%;
	border: none;
	flex-grow: 1;
}
.headercal{
	background: var(--header-button-active);
}