@charset "UTF-8";

@font-face {
	font-family: 'AvenirLTStd-Black';
	src: url('../res/fonts/AvenirLTStd-Black.otf') format('opentype');
}

@font-face {
	font-family: 'AvenirLTStd-Book';
	src: url('../res/fonts/AvenirLTStd-Book.otf') format('opentype');
}

@font-face {
	font-family: 'AvenirLTStd-Heavy';
	src: url('../res/fonts/AvenirLTStd-Heavy.otf') format('opentype');
}

@font-face {
	font-family: 'AvenirLTStd-Light';
	src: url('../res/fonts/AvenirLTStd-Light.otf') format('opentype');
}

@font-face {
	font-family: 'AvenirLTStd-Roman';
	src: url('../res/fonts/AvenirLTStd-Roman.otf') format('opentype');
}

:root {
	--primary-color: #00a0e0;
	--secondary-color: #ffffff;
	--light-color: #666666;

	--background-color: #ffffff;
	--secondary-background-color: #212121;

	--input-border-color: #ffffff;
	--input-color: #333333;

	--primary-font: "AvenirLTStd-Light";
	--bold-font: "AvenirLTStd-Black";
	--heavy-font: "AvenirLTStd-Heavy";
	--book-font: "AvenirLTStd-Book";
	--roman-font: "AvenirLTStd-Roman";

	--font-color: #202020;
	--light-font-color: #606060;

	--scrollbar-track-color: #e8eaf6;
	--scrollbar-thumb-color: var(--primary-color);
	--scrollbar-thumb-hover-color: #3a3a3a;

	--scrollbar-width-pc: 12px;
	--scrollbar-width-mb: 3px;
}

::-webkit-scrollbar {
	width: var(--scrollbar-width-pc);
}

::-webkit-scrollbar-track {
	background: var(--scrollbar-track-color);
}

::-webkit-scrollbar-thumb {
	background: var(--scrollbar-thumb-color);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--scrollbar-thumb-hover-color);
}

html {
	overflow-x: hidden;
}

body {
	margin: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;

	background-color: var(--background-color);
	color: var(--font-color);
}

img {
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%;
}

b{
	font-weight: normal;
	font-family: var(--bold-font);
}

a {
	text-decoration: none;
}

a,
a:visited,
a:hover,
a:active {
	color: inherit;
}

ul {
	list-style: none;
}

* {
	font-family: var(--primary-font);
	font-size: 1em;

	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.stop-scrolling {
	height: 100%;
	overflow: hidden;
}

.pointer {
	cursor: pointer;
}

.clickable {
	cursor: pointer;
}

*:focus {
	outline: none;
}

.primary{
	font-family: var(--primary-font);
}

.bold{
	font-family: var(--bold-font);
}

.heavy{
	font-family: var(--heavy-font);
}

.book {
	font-family: var(--book-font);
}

.roman{
	font-family: var(--roman-font);
}