/* ----------------- Index ----------------- */

.index {
}

.index .h1 {
	margin-bottom: 4rem;
	font-size: 6rem;
	line-height: 6.6rem;
}

.index .h2 .decoration {
	position: absolute;
	top: -2.6rem;
	left: -1rem;
	height: 5rem;
	width: 5rem;
	background-image: url("/public/images/assets/splash.svg");
}

.index .aboutLink {
	display: block;
	margin: 2.8rem auto 0 auto;
	width: 9.8rem;
	max-width: 100%;
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 300;
	text-align: left;
}

.index .aboutLink div {
	width: 100%;
	background-image: url("/public/images/BirellQuiz/icons/arrow-down.svg");
	background-size: 1.5rem 1.5rem;
	background-position: right center;
}

/* ----------------- Menu ----------------- */

.indexMenu .item {
	margin-bottom: 12vw;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: center;
}

.indexMenu .item .icon {
	height: 14rem;
	width: 14rem;
	transition: filter 0.16s;
}

.indexMenu .item a.active .icon {
	filter: drop-shadow(0 0 4.6vw var(--clr-white)) contrast(110%);
}

.indexMenu .item .title {
	font-size: 3rem;
	line-height: 3.8rem;
	font-weight: 900;
}

#birellQuizLink .icon {
	background-image: url(/public/images/index/thumb-quiz.svg);
}

#dilemataLink .icon {
	background-image: url(/public/images/index/thumb-dilemata.svg);
}

#birellkjidluLink .icon {
	background-image: url(/public/images/index/birell_jidlo.svg);
}