@font-face {
  font-family: Mikado;
  src: url(MikadoBoldDEMO.otf);
}

body {
	background-color: #F5F0EC;
}

h1 {
	font-family: Mikado, sans-serf;
	font-size: 80px;
	color: #736E6C;
}

p {
	font-family: Mikado, sans-serf;
	font-size: 24px;
	color: #736E6C;
}

p span {
	color: white;
	background-color: #F5362A;
	padding:5px;
	border-radius: 10px;
	text-transform: uppercase;

}

button {
    font-family: Mikado, sans-serf;
    font-size: 34px;
    color: #736E6C;
    padding: 15px;
    margin: 0px 30px 30px 0px;
    border-radius: 20px;
    border-color: #736E6C;
}

button.selected {
	color: white;
	background-color: #F5362A;
}

.list-of-powerups {
	 display: flex;
	 flex-wrap: nowrap;
	 justify-content: flex-start;
	 height:120px;
	margin-bottom: 20px
}

.list-of-powerups .pu-images {
	height: 100%;
	padding-right:5px;
}

.list-of-powerups .pu-images.disabled {
	filter: grayscale(100%);
	opacity: 0.2;
}