style_season.css

@import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
@import url('https://fonts.googleapis.com/css?family=Rosario');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text');

@keyframes show {
    0% { display: none; }
    100% { display: block; }
}

@keyframes hide {
    0% { display: block; }
    100% { display: none; }
}

body {
	margin: 0;
	padding: 0;
	background-size: cover;
	background-repeat: no-repeat;
}

#background_tweaks {
	background-color: rgba(40,40,40,0.5); 
    margin: 0;
    width: 100vw;
    height: 100vh;    
}

header {
	padding: 55px 0px 20px 0px;
}

header span {
	text-align: center;
	font-size: 120px;
	color: rgb(255,255,255,1);
	font-family: Pinyon Script;
	display: block;
}

#description p {
	text-align: center;
	line-height: 1.05;
	font-size: 26px;
	color: rgb(255,255,255,1);
	font-family: Rosario, Arial, Helvetica;
}

#description span {
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	color: rgb(255,255,255,1);
	font-family: Pinyon Script;
}

#proverbs {
	position: relative;
	padding-top: 20px;
}

#main_proverb_phrase {
	text-align: center;
	font-size: 25px;
	color: rgb(255,255,255,1);
	font-family: Rosario, Arial, Helvetica;
}

.proverb {
	position: absolute;
	top: 75px;
	left: 50%;
	width: 100%;
	height: 90%;
	transform: translate(-50%, 0);
	line-height: 1.05;
	text-align: center;
	font-size: 25px;
	color: rgb(255,255,255,1);
	font-family: Crimson Text, Arial, Helvetica;	
	/* animation */
	animation: show 1500ms;
    opacity: 1;
    transition: opacity 1500ms;
    transition-delay: 800ms;
}

.proverb.hidden { 
	/* animation */
	animation: hide 1500ms;
    opacity: 0;
    transition: opacity 1500ms;
}

.strokeme
{
    text-shadow:
    -0.4px -0.4px 0 #000,
    0.4px -0.4px 0 #000,
    -0.4px 0.4px 0 #000,
    0.4px 0.4px 0 #000;  
}