main {
	background-color: rgba(0, 0, 0, 0.6);
	background-blend-mode: difference;
}

body {
	background-color: #D8BAFF;
	background-image: url("../images/logo-livecinema.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	color: white;
}

p {
	font-size: 25px;
	text-align: center;
}

.btn {
	width: 300px;
	height: 50px;
	font-size: 25px;
	transition: 0.9s;
}

.btn:hover {
	transform: scale(1.1);
}

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

	.p {
		font-size: min(10vw, 36px);
	}

	.btn {
		font-size: min(10vw, 25px);
		width: 30vh;
	}
}