@import url("https://fonts.googleapis.com/css?family=Alegreya+Sans");
@import url("https://fonts.googleapis.com/css?family=Alegreya");

:root{
	--off-white: #f4edd8;
	--mid-orang: #cf9a69;
}

body{
	background-color: var(--off-white);
	font-family: 'Alegreya Sans', sans-serif;
}

h1, h2, h3, h4, .head{
	font-family: 'Alegreya', serif;
}

a, a:visited{
	color: var(--mid-orang);
	text-decoration: underline;
}

.mainbody{
	font-size: 1.5rem;
}

.workspace{
	display: flex;
	flex-direction: row;
}
.list{
	display: flex;
	flex-direction: column;
	text-transform: capitalize;
	width: 100%;
	max-width: 200px;
}
.list .cell{
	font-size: 2rem;
	cursor: default;
}

.list.wish{
	background-color: white;
}
.list.wish .cell.w3{
	background-color: #006000;
}
.list.wish .cell.w2, .list.hero .cell.selected{
	background-color: #3c7a30;
}
.list.wish .cell.w1{
	background-color: #649357;
}
.list.wish .cell.w-1{
	background-color: #b27d70;
}
.list.wish .cell.w-2{
	background-color: #9d5e50;
}
.list.wish .cell.w-3{
	background-color: #864032;
}