ng-dynaform/src/styles.scss

/* You can add global styles to this file, and also import other style files */

@import url("https://use.fontawesome.com/releases/v5.0.6/css/all.css");
@import "~@progress/kendo-theme-bootstrap/scss/all";

h1 {
	color: magenta;
	border-bottom: 4px blueviolet solid;
	margin-bottom: 1em;
}

div.col-sm-8 {
	border-top: 3px white solid;
	padding-top: 4px;
}

div.col-sm-4 {
	background-color: lavenderblush;
	border-top: 3px white solid;
	padding-top: 4px;
	margin-bottom: 3px;
}

div.col-sm-8 {
	label {
		font-size: 0.85em;
	}
	textarea {
		margin-bottom: 5px;
	}
}

.red input { 
	color: rgb(202, 28, 28) !important;
}

.bgPaleBlue input {
	background-color: rgb(230, 243, 243) !important;
}

#yoyo {
	input {
		border-color: purple;
		border-width: 2px;
		width: 50%;
	}
}