/*Tek inn öll fontin*/
@font-face {font-family: roboto;src: url(../fonts/Roboto/Roboto-Regular.ttf);}
@font-face {font-family: robotoLight;src: url(../fonts/Roboto/Roboto-Thin.ttf);}
@font-face {font-family: geometos;src: url(../fonts/geometos/Geometos.ttf);}
@font-face {font-family: openSans;src: url(../fonts/openSans/OpenSans-Regular.ttf);}
/*remove disgusting a styles*/
a{
	color:inherit;
	text-decoration: none;
}
.frontPage{
/*	background-image: url("../img/aC01RML.jpg");
*/	background-size: cover;
	height: 100vh;
	width:100vw;
}
main{
	height: 100vh;
	width:100vw;
	background-color: rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align:center;
}
.artistname{
	font-family: robotoLight;
	font-size: 4.5em;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	transition: all 0.3s;
}
.artistname:hover{
	color:#888888   ;
}
.seperator{
	margin:30px 0;
	border-bottom:1px solid black;
	min-width:7vw;
}

/*image container styles*/
.row{
	margin:0;
}
.imageContainer{
	height:400px;
	margin:0;
	padding:0;
	overflow:hidden;
	position: relative;
}
.imageContainer:hover{
	background-color: rgba(0,0,0,0.7);
}
.imageContainer:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.7);
    opacity: 0;
    transition: all 0.3s;
}
.imageContainer:hover:after {
    opacity: 1;
}
.imageContainer img{
	width:100%;
	min-height:100%;
	display: block;
}
.name{
	z-index: 10000000;
	position: absolute;
}
nav div{
	display: inline-block;
}
.nav-right{
	float:right;
	margin-right: 10px;
}
.nav-left{
	margin-left: 10px
}
nav{
	font-size: 1.4em;
}
nav div a:hover{
}
.listItem{
	margin:8px;
}
.apparentlyINeedThis:hover{
	text-decoration:none;

}
.imageContainer:hover{
	cursor: pointer;
}