@charset "UTF-8";
	

* {
    box-sizing: border-box;
}

body{
	height: 100%;
	color: #fff;
	font-family: serif;
	font-size:200%;
	background-image: linear-gradient(to right, #993333, #013A6B); 	
	padding:0;
	margin:0;
}
header{
	width: 100%;
	background: #000;
	text-align: center;
	line-height: 0.8em;
	padding-top: 0.6em;
	padding-bottom:0.5em;
	border-bottom: #222 solid 1px;
	}
#wrapper {
	min-width: 100vh;
	min-height: 100vh;
	margin:0;
	padding: 0;
	transition: background 1s linear;	
}
    
#quotes1{
    width: 50%;
    position:absolute;
    top: 60%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%); 
    }

#spin {
	width: 350px;
	height:50px;
	font-size: 18px;
	margin: auto;
	text-align: center;
	background:#990000; 
	color:white;
	border: rgba(0,0,0,0.3) 3px solid;
	border-radius: 5px;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
	transition: all 200ms linear; 
	clear:both;
	}	

#spin:hover {
	background:#013A6B;		
	}	
	
#spin:focus {
  outline: none;
}	

#enter {
	width: 350px;
	height:50px;
	font-size: 18px;
	margin: auto;
	text-align: center;
	background:#000; 
	color:white;
	border: rgba(0,0,0,0.3) 3px solid;
	border-radius: 5px;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
	transition: all 200ms linear; 
	clear:both;
	}	

#enter:hover {
	background:#444;		
	}	
	
#enter:focus {
  outline: none;
}	
	
@keyframes fadeOut {

	from {color: rgba(255,255,255,1.0);}
    to {color: rgba(255,255,255,0.0);}
} 
@keyframes fadeIn {
    from {color: rgba(255,255,255,0.0);}
	to {color: rgba(255,255,255,1.0);}

}
	
#dots {
	text-align: center;
	padding-top: 0.5em;
}	
	
.dot {
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
	margin:7px;
	transition: all 200ms linear;	
}

.dot:hover {
  background-color:#CE9DA3;
	transition: all 200ms linear; 	
}
.dotSelected {
  height: 25px;
  width: 25px;
  background-color: #333;
  border-radius: 50%;
	border:4px solid #222;
  display: inline-block;
	margin:7px;
	transition: all 200ms linear;	
}	
.show {
	display: none;
	transition: all 500ms ease; 
}