.c-tcard {
	border-style: solid;
	border-width: 9px;
	border-color: blue green red yellow; 
	}
.container {
	background-image: linear-gradient(190deg, red, orange, yellow, green, blue, indigo, violet);
	width: 100%;
	}
.card-top {
	background-image: linear-gradient(190deg, red, orange, yellow, green, blue, indigo, violet);
	}
#rgb01,#hex01,#hsl01,#hwb01,#cmyk01,#ncol01,#name01 {
	background: #fff !important;
	text-align: left;
	border: 1px solid #1a1a1a;
	width: 260px;
	padding: 4px;
	}
#helpname01,#helprgb01,#helphex01,#helphsl01,#helphwb01,#helpcmyk01,#helpncol01 {
	text-align: left;
	margin: 6px 0; 
	}
#helpname01 {
	width: 60px;
	}
#resultTable {
	border-collapse: initial !important;
	table-layout: auto;
	margin-bottom: 0.01em;
	}
input[type=text] {
	font-size: 115%;
	padding: 4px 6px;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: vertical;
	transition: all 1s;
	}
input[type=text]:focus {
	border: 1px solid red;
	border-radius: 4px;
	}
input[type=text]:hover {
	border: 1px solid red;
	box-shadow: 0px 0px 6px 0px grey;
	border-radius: 4px;
	}
td {
	text-align: left;
	}
h4 {
	margin: 0.5em auto 0.3em auto;
	}