/*



                   o8o                           o8o
                   `"'                           `"'
ooo. .oo.  .oo.   oooo  ooo. .oo.   ooo. .oo.   oooo  oooo    ooo
`888P"Y88bP"Y88b  `888  `888P"Y88b  `888P"Y88b  `888   `88b..8P'
 888   888   888   888   888   888   888   888   888     Y888'
 888   888   888   888   888   888   888   888   888   .o8"'88b
o888o o888o o888o o888o o888o o888o o888o o888o o888o o88'   888o




*/

@font-face {
	font-family: 'proxima';
	src: url('../font/proxima.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	box-sizing: border-box;
	background: #FFFFFF;
	color: #333333;
	font: 400 20px/1.5em 'proxima', sans-serif;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	outline: none;
	color: #55C6F9;
}
img {
	max-width: 100%;
	height: auto;
	border: 0px;
}
li, ul {
	list-style: disc;
}
button {
	padding: 10px 20px;
	margin: 5px auto;
	border: 0px;
	outline:none;
	background: #4ADACC;
	color: #FFFFFF;
	width: 100%;
	font: 400 20px/1.5em 'proxima', sans-serif;
}
.box {
	padding: 0px;
	margin: 0px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
}
.app {
	width: 800px;
	padding: 0px;
	margin: 0px auto;
}
#note {
	width: 800px;
	height: 400px;
	padding: 25px;
	margin: 0px;
	border: 1px solid #55C6F9;
	border-radius: 0px;
	box-sizing: border-box;
	font: 400 20px/1.5em 'proxima', sans-serif;
	background: #FFFFFF;
	color: #333333;
	outline: none;
	resize: none;
}
::-webkit-scrollbar-track{
	border-radius: 0px;
	background-color: #EEEEEE;
}
::-webkit-scrollbar{
	width: 8px;
	background-color: #CCCCCC;
}
::-webkit-scrollbar-thumb{
	border-radius: 0px;
	background-color: #CCCCCC;
}
::selection {
	background: rgba(74, 218, 204, 0.99);
	color: #FFFFFF;
}
::-moz-selection {
	background: rgba(74, 218, 204, 0.99);
	color: #FFFFFF;
}