@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*/
}

:root{
	color-scheme: light dark;
	--main-background: light-dark(#ffffff, #111111);
	--text: light-dark(#000000, #ffffff);
	--text-inv: light-dark(#ffffff, #000000);
	--header: light-dark(#eeeeee, #222222);
	--header-button: light-dark(#eeeeee, #222222);
	--header-button-hover: light-dark(#e6e6e6, #1c1c1c);
	--header-button-hover-text: light-dark(#288360, #7bbba2);
    --dot: light-dark(#eeeeee, #222222);
    --dot-hover: light-dark(#cccccc, #454545);
	.tags{
		position: relative;
		max-width: 1000px;
		margin: auto;
		display: flex;
		gap: 10px;
		justify-content: flex-start;
		margin-top: -10px;
		margin-bottom: 30px;
		padding-left: 8px;
	}
	.tag_cont{
		position: relative;
		padding: 10px;
		padding-top: 1px;
		padding-bottom: 3px;
		border-radius: 12px;
		background: #ff00ff;
		font-family: DINOT;
		background: var(--header);
		color: var(--text);
		font-size: 10pt;
	}
}
/*:root {
    --main-background: #ffffff;
	--text: #000000;
	--header: #eeeeee;
	--header-button: #eeeeee;
	--header-button-hover: #e6e6e6;
	--header-button-hover-text: #288360;
    --dot: #eeeeee,;
    --dot-hover: #cccccc
}
[data-theme="dark"] {
    --main-background: #111111);
	--text: #ffffff);
	--header: #222222);
	--header-button: #222222);
	--header-button-hover: #1c1c1c);
	--header-button-hover-text: #7bbba2);
    --dot: #222222);;
    --dot-hover: #454545);;
}*/