body{
		background-color:rgba(197, 206, 225, 0.7);
		margin: 0;
	}
	#twitter{
		background-color: #4099ff;
		width: 100%;
		color: white;
		margin:0;
		padding-left: 0.1em;
		padding-right: 0.1em;
	}
	#tc{
		color: white;
		font-family: "heavierSans";
		padding-left: 0.1em;
		background-color: #ff001b;
		font-style: normal;
		font-weight: normal;
	}
	.explainparameter{
		display: none;
		background-color: blue;
		color: white;
		font-family: "heavierSans";
	}
	#recipe{
		width: 100vw;
		margin:0;
	}
	.selected{
		color: white;
		font-family: "heavierSans";
		padding-left: 0.1em;
		background-color: #ff001b;
		font-style: normal;
		font-weight: normal;
	}
	a{
		cursor: pointer; /* force displaying pointer curser for a tags missing a href attribute */
		text-decoration: none;
		color: white;
		padding-left: 0.05em;
		padding-right: 0.05em;
	}
	a:hover{
		font-family: "heavierSans";
		color: white;
	}
	.container{
		background-color: rgba(255, 255, 255, 0.52);
	}
	.entry, .choice, .explain{
		display: inline-block;
		font-family: "lighterSans";
		font-style: normal;
		font-weight: normal;
		text-align: left;
		text-transform: capitalize;
		color: rgba(32, 31, 27, 0.95);
		padding: 0;
	}
	.entry{
		background-color: #ffc400;
		color: white;
	}
	.entry:hover, .explaining{
/*		background-color: #ffc400;
		color: white;
		*/
		color: #ffc400;
	}
	div.explaining{
		background-color: #ffc400;
		color: red;
	}
	.choice{
		display: inline-block;
		margin-right: 0.125em;
		padding-left: 0.125em;
		padding-right: 0.125em;
	}
	.explain{
		display: none;
		background-color: black;
		color: white;
		text-transform: none;
		font-family: "lighterSans";
		
	}
	#title, #explain{
		font-family: "lighterSans";
		text-align: left;
		color: white;
		padding-left: 0.1em;
		background-color: #ff001b;
	}
	#title{
		text-transform: uppercase;
	}
	em{
		font-style: normal;
		font-family: "lighterSans";
		color: rgba(0, 0, 0, 0.4);
		text-transform: capitalize;
		padding-left: 0.1em;
		padding-right: 0.1em;
		background-color: #ffc400;
	}