:root {
	--color-theme: #80AC7C;
	--color-black: #4A4A4A;
	--color-white: #F9F9F9;
	
	--color-almond: #EEE6D4;
	--color-almond-r: 238;
	--color-almond-g: 230;
	--color-almond-b: 212;

	--color-orange: #EE7E39;
	--color-orange-r: 238;
	--color-orange-g: 126;
	--color-orange-b: 57;

	--color-blue: #0D6480;
	--color-blue-r: 13;
	--color-blue-g: 100;
	--color-blue-b: 128;
}

html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:none;
	
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

input[type='button'].ui,
button.ui {
	height: 30px;
	padding: 0 1em;

	border: 1px solid var(--color-white);
	background: transparent;
	color: var(--color-white);
	border-radius: 10px;
	cursor: pointer;
	outline: none;
}

input[type='button'].ui.ui-warn {
	border: 1px solid var(--color-orange);
	color: var(--color-orange);
}

input[type='text'].ui,
input[type='password'].ui,
input[type='number'].ui {
	height: 30px;
	padding: 0 1em;

	border: none;
	background: var(--color-white);
	color: var(--color-black);
	border-radius: 10px;
	text-align: center;
	outline: none;
}

textarea.ui {
/*	height: 30px;*/
	padding: 0 1em;

	border: none;
	background: var(--color-white);
	border-radius: 10px;
	outline: none;
	text-align: left;
	color: var(--color-black);
}

textarea, input, button {
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

input, button {
	line-height: 1;
}