:root {
	--font-family-base: Roboto, sans-serif;
	--font-family-monospace: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
	--color-negative: #fff;
	--color-positive: #333;
	src: url('../public/fonts/Roboto/Roboto-Regular.ttf');
	src: url('../public/fonts/Roboto/Roboto-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

:root {
	--font-family-secondary: Microsoft Tai Le, sans-serif;
	--color-negative: #fff;
	--color-positive: #333;
	src: url('../public/fonts/MicrosoftTaiLe/taile.ttf');
	src: url('../public/fonts/MicrosoftTaiLe/taile.ttf') format('truetype'); /* Safari, Android, iOS */
}

:root {
	--font-family-notes: arial-mt-italic, sans-serif;
	--color-negative: #fff;
	--color-positive: #333;
	src: url('../public/fonts/Arial\ MT/arial-mt-italic.otf');
	src: url('../public/fonts/Arial\ MT/arial-mt-italic.otf') format('truetype'); /* Safari, Android, iOS */
}

:root {
	--color-bg: var(--color-negative);
	--color-fg: var(--color-positive);
	--font-family-body: var(--font-family-base);
	font-family: var(--font-family-body);
	background-color: var(--color-bg);
	color: var(--color-fg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	margin: 0;
}

code {
	font-family: var(--font-family-monospace);
}

.ant-menu-inline .ant-menu-item,
.ant-menu-vertical > .ant-menu-item {
	height: 3.25rem;
	line-height: 3.25rem;
}

#auth-details {
	width: 80%;
	margin: auto;
	padding-top: 3.125rem;
}

.trigger {
	font-size: 1rem;
	line-height: 4rem;
	padding: 0 1.5rem;
	cursor: pointer;
	transition: color 0.3s;
}

.trigger:hover {
	color: #1890ff;
}

.logo {
	height: 2rem;
	background: rgba(255, 255, 255, 0.2);
	margin: 1rem;
}

.site-layout .site-layout-background {
	background: #fff;
}