* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

body {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
}

input {
	margin-bottom: 5px;
}

hr {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.logo {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 200px;
	width: 400px;
	background-image: url("/static/img/notes.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.logo p {
	padding-top: 68px;
	font-size: 18pt;
	padding-left: 8px;
	transform: rotate(-7deg);
}

.login {
	margin-top: 50px;
	width: 400px;
	height: 400px;
}

.note {
	width: 250px;
	overflow-wrap: break-word;
	border: solid 1px rgb(239, 203, 25);
	background-color: rgba(239, 203, 25, 0.3);
}

.note .time {
	font-size: 10pt;
}