/* Color schemes */
.demo-2 {
	--color-text: #fff;
	--color-link: #002068;
	--color-link-hover: #d8d1d1;
	--color-enter: #ecec11;
	--color-title: #ffffff;
	--color-subtitle: #002068;
	--color-menu-item: #fff;
	--color-menu-item-hover: #000;
	--color-menu-item-hover-alt: #000;
	--color-content: #013bbb;
	--color-content-fixed: #ddd;
	--font-alt: 400 6vw/1 'Fugaz One', serif;
	--color-next: #fff;
	--color-next-hover: #000;
}

.demos {
	position: relative;
	display: block;
	align-self: end;
	text-align: center;
	grid-area: demos;
	display: block;
	justify-self: end;
}

.demo {
	padding: 0 0.15em;
}

.demo:not(:last-child) {
	margin-right: 1em;
}


.demo-2 .content--fixed {
	background-image: url(../img/bg2.jpg);
}


.enter, .explore {    
	margin: 6vh 0 0 0;
	font-size: 1em;
	letter-spacing: 3px;
	cursor: pointer;
	font-weight: bold;
	white-space: pre;
	color: var(--color-enter);
	pointer-events: auto;
}

.enter:hover,
.enter:focus {    
	color: var(--color-enter);
}

.enter span {
	display: inline-block;
}

.demo-2 .menu__item {
	pointer-events: none;
	padding: 3em;
}

.demo-2 .menu__item span {
	pointer-events: auto;
}