html{
    height: 100%
}

body {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-size: 1em;
	background-image: url("img/photo.jpg");
	padding: 0 5% 0 5%;
}

body,#hoverBackground,#odedBG,#loveBG,#workBG,#playBG,#travelBG,#listenBG,#makeBG {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

a {
	color: #fff;
	text-decoration: none;
	font-style: italic;
	border-bottom: 1px solid;
}

a:hover,a:active {
	text-decoration: none;
	color: yellow;
	transition: color 1.5s;
}
#topnav ul,#container{
    text-align: center;
}

#topnav ul{
	padding: 10px 0 30px 0;
}

ul li{
	list-style-type: none;
	margin: 0 1.6% 0 1.6%;
	display: inline;
	font-weight: bold;
}

ul li a {
	border-bottom: none;
}
	
h1 {
	margin:0;
	padding: 0 0 20px 0;
	line-height: 1.2; 
}

#content,a {
	font-weight: lighter;
}

#content{
	font-size: 130%;
	line-height: 1.5; 
	text-align: left;
	display: inline-block;
}

#moveupdown {
	animation: mover 1.5s linear infinite;
	display:inline-block;
}
@-webkit-keyframes mover {
		0%   { transform: translateX(0); }
        50%  { transform: translateX(-10px); }
        100% { transform: translateX(0); }
}
@keyframes mover {
		0%   { transform: translateX(0); }
        50%  { transform: translateX(-10px); }
        100% { transform: translateX(0); }
}

#contactLink{
	line-height: 2.5; 
	font-size: 145%;
	font-weight: bolder;
	border-bottom: 0;
}

#odedBG,#workBG,#playBG,#travelBG,#listenBG,#makeBG,#loveBG{	
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0;
	transition: opacity 400ms ease-in-out;	
}

#odedBG{	
	background-image: url("img/1.jpg");
}

#workBG {
	background-image: url("img/2.jpg");
}

#playBG {
	background-image: url("img/3.jpg");
}

#travelBG {
	background-image: url("img/4.jpg");
}

#listenBG {
	background-image: url("img/5.jpg");
}

#makeBG {
	background-image: url("img/6.jpg");
}

#loveBG {
	background-image: url("img/7.jpg");
}

#odedHover:hover ~ #odedBG,#workHover:hover ~ #workBG,#playHover:hover ~ #playBG,#travelHover:hover ~ #travelBG,#listenHover:hover ~ #listenBG,#makeHover:hover ~ #makeBG,#loveHover:hover ~ #loveBG{
	opacity:1;
	transition: opacity 300ms ease-in-out;
}