.fase {
	display: none;
	&.selected {
		display: block;
	}
}
.tela {
	width: 2160px;
	height: 3841px;
	// width: 2216px;
	// height: 2545px;
	position: relative;
	padding: 70px 60px;
	// padding: 73px 64.5px;
	background-color: $bgAmarelo;
}
.box {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
	overflow: hidden;
	.bg {
		width: 100%;
		position: absolute;
		background-size: cover;
		background-position: top left;
		background-repeat: no-repeat;
	}
}
.content {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
}

// .animation-delay-1 {
// 	animation: fade 2s;
// }

// .animation-delay-2 {
// 	animation: fade 2s;
// 	animation-delay: 1s;

// 	opacity: 0;
//   	animation-fill-mode: forwards;
// }

// .animation-delay-3 {
// 	animation: fade 2s;
// 	animation-delay: 2s;

// 	opacity: 0;
//   	animation-fill-mode: forwards;
// }

// @keyframes fade {
//   0% {
//     opacity: 0;
//   }

//   100% {
//     opacity: 1;
//   }
// }
