/******************* Constants *******************/
:root {
	--font-color: #EFEFEF;
	--font-color-em: #8C8C8C;
	--background-color-main: #404040;
	--background-color-secondary: #505050;
	--avatar-background: #B6B6B6;
	--color01: #99CCFF;
	--color01_bright: #58af58;
	--color02: #ab7026;
	--color02_bright: #ea9a36;

	--nav-maxwidth: 900px;
	--nav-height: 5em;
	--body-maxwidth: 900px;
	--footer-maxwidth: 900px;
	--footer-height: 9em;
	--padding-border: 1em;
}

/******************* Page *******************/
* {
	box-sizing: border-box;
}
html {
	background-color: var(--background-color-main);
	font-family: Lato, Helvetica, sans-serif;
	font-size: large;
	color: var(--font-color);
	min-height: 100vh
}
body {
	margin: 0;
	position: relative;
}

a {
	color: var(--font-color);
}

/******************* Header *******************/

#navbar {
	font-size: 2em;
	margin: 2rem 1rem;
}

/******************* Footer *******************/

#footer {
	width: 100%;
	text-align: center;
	margin-top: 1em;
}

/******************* Container *******************/

.container {
	margin: 0 1em;
}

/******************* Others *******************/

#my_canvas {
	height: 400px;
}

.cloud_words_input {
	margin: 1em;
}
#cloud_words_submit {
	display: block;
	margin-top: 1em;
}