body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1;
}

textarea {
	background: transparent;
	border: none;
	resize: none;
	color: #000000;
	border-left: 1px solid black;
	padding: 10px;
}

.jumbotron {
	text-align: center;
	background-color: transparent;
	border-radius: 0;
	border-bottom: 10px solid #458b76;
}

.display-3 {
	color: #458b76;
}

.description {
	white-space: pre-wrap;
}

.time-block {
	display: flex;
	align-items: center;
	margin: 40px auto;
}

.input-display {
	border-radius: 5px;
	transition: all ease 0.4s;
}

.input-display:hover {
	transform: scale(1.05);
	cursor: pointer;
}

.input-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.input-container input {
	outline: none;
	border: none;
	background-color: inherit;
	width: 100%;
	padding-left: 20px;
}

.saveBtn {
	font-size: 1.5em;
	padding-right: 20px;
}

.saveBtn:hover {
	color: #458b76;
}

.row {
	white-space: pre-wrap;
	height: 80px;
	border-top: 1px solid white;
}

.hour {
	background-color: #ffffff;
	color: #000000;
	border-top: 1px dashed #000000;
}

.past {
	background-color: rgba(217, 217, 217, 0.3);
}

.present {
	background-color: rgb(217, 217, 217);
	border: 2px solid #458b76;
}

.future {
	background-color: rgb(193, 192, 192);
}