/** ELEMENT STYLING  **/

letterImg{
	height: 150px;
	width: 150px;
}

.button {
  background-color: transparent;
  color: red;
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 3em;
  transition-duration: 0.4s;
  cursor: pointer;
  opacity: 0.7;
}

.closeButton{
	  border: none;
	  width: 50px;
	  font-size: 4em;
	  color:red;
	  float:right;
}

.button:hover{
	background-color: black;
	color: white;
}

/* MAIN TEXT DIV */
#mainText {
	  visibility: visible;
	  width : 900px;
}

#yearSection{
	visibility: visible;
	opacity: 0.8;
	width:650px;
	margin-top:50px;
	margin-bottom:50px;
}

#resSection{
	margin-top:0px;
	opacity: 0.8;
	width:1072px;
	visibility: hidden;
}

#buttonSection {
	margin-top: 40px;
	margin-left: 75 px;
  width: 375px;
  visibility: hidden;
}

/** CLASSES **/

.center {                     /** centered DIV ***/
	margin-left: auto;
	margin-right: auto;
}

.topy {					/** float left DIV ***/
	float: top;
	margin-left: auto;
	margin-right: auto;
	margin-top : 50px;
	}


.debug{
	color:red;
	font-weight: bold;
	visibility: hidden;
}

/**  VIDEO **/

#myVideo {
		position: fixed;
		left: 0;
		top: 0;
		min-width: 100%; 
		min-height: 100%;
		z-index: -1;
		}