styles.css

.font-shadows {
    font-family: 'Shadows Into Light', cursive;
}

.font-coming {
    font-family: 'Coming Soon', cursive;
}

.font-bad {
    font-family: 'Bad Script', cursive;
}

.font-patrick {
    font-family: 'Patrick Hand', cursive;
}

.font-handlee {
    font-family: 'Handlee', cursive;
}

.font-neucha {
    font-family: 'Neucha', cursive;
}

.font-school {
    font-family: 'Schoolbell', cursive;
}

.full-height {
    height: 100vh;
}

body {
	background-image: url("images/blue_A_lonely_forest_way.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.container {
	background-image: url("images/blue_forest.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	justify-content: center;
    box-sizing: border-box;
    opacity: 0.5;
    height: 100%;
    padding: 20px;
    color:#fff;
}

.pregunta, #resultado {
	color: #fff;
	top: 200px;
	margin-bottom: 30px;
	position: relative;
	cursor: pointer;
}

.pregunta {
	font-size: 75px;
	margin-left: 150px;
}

#resultado {
	font-size: 200px;
	margin: 0 auto;
    flex: 0 0 50%;
    padding: 20px;
	text-align: center;
}

.fading {
	-webkit-animation: fading 5s ease-out;
    -moz-animation: fading 5s ease-out;
    -o-animation: fading 5s ease-out;
    animation: fading 5s ease-out;
    animation-iteration-count: infinite;
}

@-webkit-keyframes fading {
    0% {
        display: none;
        opacity: 0.4;
    }

    1% {
        display: block;
        opacity: 0.4;
    }

    50% {
        display: block;
        opacity: 0.7;
    }

    100% {
        display: block;
        opacity: 0.4;
    }
}