@charset "utf-8";
/* CSS Document */
	<style>
	label {
		color: blue;
	}
	.details,
	.show,
	.hide:target {
	  display: none;
	}
	.hide:target + .show,
	.hide:target ~ .details {
	  display: block;
	}	
	.myList li{
		float: left;
		width: 50%;//helps to determine number of columns, for instance 33.3% displays 3 columns
	  	line-height:1.5em;
	  	padding-left: 10px;
	  	border-bottom:0.5px solid #ccc;
	  	border-left:0.5px solid #000;
	  	border-right:0.5px solid #000;
	  	display:inline;		
	}	
	.myList li:nth-child(-n+2){	
	  	background-color: darkgray;
		pointer-events:none;
	}	
	.myList li:nth-last-child(-n+2){
	  	background-color: darkgray;
		pointer-events:none;
	}	
	.myList li:hover{
	  	background-color: aquamarine;
	}	

	ul{
		list-style-type: none;
	}
	.button-error,
	.button-warning,
	.button-secondary {
		color: white;
		border-radius: 4px;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
		width:100%;
		height:35px;
	}

	.button-error {
		background: rgb(202, 60, 60); /* this is maroon */
		width:100%;
		height:35px;
	}

	.button-warning {
		background: rgb(210,105,30); /* this is chocolate */
		width:100%;
		height:35px;
	}

	.button-secondary {
		background: rgb(105,105,105); /* this is dark gray */
		width:100%;
		height:35px;
	}
	/* website for RGB colors https://www.w3schools.com/colors/color_tryit.asp?hex=483D8B */
	</style>