body{
	background-color: #2E225E;
	}  
	#backgroundGrl {
	  	background: url('http://audreymestre.com/2020/img/homepage_back.jpg') 0 0 no-repeat;
		background-size: 100% 100%;
		width: 99vw; 
		height:97vh;
		position: relative;
		}
/* Homepage */
	  #slide1 {
	  	background-image: linear-gradient(#0bf2fa, #023457); 
		position: absolute;
		width: 99vw; 
		height:97vh;
		animation: slide1 4s 7s forwards;
	   }
	  #backgroundLine {
	  	border-left: 3px solid black;
		width:0;
		height:97vh;
		margin-left:50%;
	   }
	  #audreyDown {
	    opacity:0;
		top: 0;
		left:48%;
		position:absolute;
		animation: goingDown 5s 1;
		}
	  #audreyUp {
	    opacity:0;
		top: 50%;
		left:47%;
		position:absolute;
		animation: goingUp 4s 5s forwards;
		}
	  #sled {
	    	opacity:0;
	  	top:66.5%;
		left: 49.5%;
		position:absolute;
		animation: sledShow 1s 5s forwards;
	   }
	  #slide2 {
		opacity:0;
		position: absolute;
		width: 99vw; 
		height:97vh;
	   	animation: slide2 4s 8s forwards;
	   }
	  #innerSlide2 { 
	   	text-align:center;
	   	width: 99vw; 
	  }
	  #innerSlide2 h1 {
	    	font-family: 'Dancing Script', cursive;
		font-size: 90px;
		margin-top: 20px;
 	   	text-align:center;
		color: #fff;
	   } 
	  #innerSlide2 img.homeImg {
	  	opacity: 0.3;
		float:right;
		width:100%;
		max-width:420px;
	   } 	
	  #langFlags {
	   float:left;
	   margin-left:10%;
	   } 
	  #langFlags img {
	  	float: left;
		margin: 30px 50px 0 50px;
		width: 100%;
		max-width: 100px;
		height:100%;
		max-height: 100px;
	  }
	  @keyframes goingDown {
	  	from {top:0; opacity:1;} 
		to {top: 50%; opacity:1;}
	   	}
	  @keyframes goingUp {
	  	from {top:50%; opacity:1;} 
		to {top: 0; opacity:1;}
	   	}	
	  @keyframes sledShow {
	  	from {opacity:1;}
		to {opacity: 1;}
	   }
	  @keyframes slide1 {
	  	from {opacity: 1;}
		to {opacity:0; }
	   }
	  @keyframes slide2 {
	  	from {opacity: 0;}
		to {opacity:1; }
	   }
	  @keyframes movie {
	  	0% {top: 0;}
		50% {top: -570px; }
		100% {top: 0;}
	   } 
/* Cartas, Audrey, Credits, News */
	  #slideCarta {
		position: absolute;
		width: 99vw; 
		height:97vh;
	   }
	  #slideCarta h1 {
	    	font-family: 'Dancing Script', cursive;
		font-size: 90px;
		margin: 20px 0 0 0;
 	   	text-align:center;
		color: #fff;
	   } 
	  #slideCarta img.homeImg {
	  	opacity: 0.3;
		float:right;
		width:100%;
		max-width:420px;
	   } 
	 #slideCarta button {
		background-color: transparent;
		border-radius: 50%;
		color: #fff;
		border: 2px solid #fff;
		padding: 15px;
		font-weight: bold;
		font-size: 18px;
                cursor: pointer;
	  }	
	  #slideCarta #langFlags {
	   	float:left;
	   	margin-left:8.7%;
		width: 50%;
	   	} 
	  #slideCarta #langFlags p {
		color: white;
		}
	 #slideCarta #langFlags p.centered {
		text-align: center;
		}
	 #slideCarta #langFlags p.italiced {
		font-style: italic;
		}
	 #slideCarta #langFlags img {
	  	float: left;
		margin: 30px 50px 0 50px;
		width: 100%;
		max-width: 100px;
		height:100%;
		max-height: 100px;
	  }
	#slideCarta #langFlags ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#slideCarta #langFlags ul li {
		float: left;
		text-align: center;
		font-family: 'Dancing Script', cursive;
		font-size: 24px;
	}
	#slideCarta #langFlags ul.newsli li {
		text-align: left;
		font-size: 18px;
		color: #fff;
		margin-bottom: 5px;
	}
	#slideCarta #langFlags ul li a{
		color: #fff;
	}
	#slideCarta #langFlags ul li img {
	  	float: left;
		width: 100%;
		max-width: 100px;
		height:100%;
		max-height: 100px;
		margin: 0;
	  }
	#slideCarta #langFlags ul li.one{
		margin:30px 20px 0 20px;
	}
	#slideCarta #langFlags ul li.two{
		margin:75px 20px 0 20px;
	}
	#slideCarta #langFlags ul li.three{
		margin:40px 20px 0 20px;
	}
	#slideCarta #langFlags ul li a {
		color: #fff;
		text-decoration: none;
	}
	#slideCarta #langFlags table {
		margin-left: 20%;
 		}
	#slideCarta #langFlags table td {
		vertical-align: top;
		font-family: 'Dancing Script', cursive;
		color: #fff;
		font-size: 20px;
		padding: 16px;
		}