:root::-webkit-scrollbar {
	display: none;
}

:root {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

@font-face {
	font-family: Candara;
	src: url("../fonts/Candara/candara-light.ttf");
}

@font-face {
	font-family: Carattere;
	src: url("../fonts/Carattere/Carattere-Regular.ttf");
}

* {
	font-family: Candara;
}

header,
footer {
	background-color: #3C2C72;
	color: white;
}

.navbar-brand {
	color: #ffffff;
}

.navbar-brand:hover {
	color: #ffffff;
}

.navbar-brand img {
	height: 40px;
}

.nav-link {
	color: white;
}

.nav-link:hover {
	color: rgb(251, 158, 149);
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	cursor: pointer;
	color: black;
}

#main-page {
	background-image: url("../images/barbie-v-mashine.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0.6);
	background-blend-mode: multiply;
}

.promo-text-block {
	color: white;
}

.promo-text-block .promo-top,
.promo-bottom {
	font-size: 36px;
}

.promo-text-block .promo-middle {
	font-family: Carattere;
	font-size: 160px;
}

@media screen and (max-width: 576px) {

	.promo-text-block .promo-top,
	.promo-bottom {
		font-size: min(10vw, 36px);
	}

	.promo-text-block .promo-middle {
		font-size: min(20vw, 160px);
	}
}