@charset "utf-8";
/* CSS Document */


body{
	width:auto;
	min-height:2024px;
	height:auto;
	margin:0;
	padding:10px 0 0 30px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff0373', endColorstr = '#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff0373', endColorstr = '#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #ff0373, #000000);
	background-image: -ms-linear-gradient(top, #ff0373, #000000);
	background-image: -o-linear-gradient(top, #ff0373, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ff0373), to(#000000));
	background-image: -webkit-linear-gradient(top, #ff0373, #000000);
	background-image: linear-gradient(top, #ff0373, #000000);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	-webkit-text-size-adjust: 100%;
}
header{
	position:fixed;
	top:5px;
	left:25px;
}
.logo{
	color:#000;
	font-size:197%;
	font-family: 'Lobster', cursive;
	letter-spacing:0.01em;
}
.logo a{
	display:block;
}
.logo a:hover{
	cursor:pointer;
}
.logo span{
	color:#fff;
}
.des{
	font-family: 'Voltaire', sans-serif;
	letter-spacing:-0.035em;
}
.sns{
	margin-top: 5rem;
	font-size: 1.2rem;
}
.sns a{
	color: #f4f4f4;
	font-weight: 700;
}
.sns ul{
	margin-left: -2em!important;
}
.sns li{
	display: flex;
	list-style: none;
	margin:0 1rem 1rem 0;
	padding:0;
}
.sns li a{
	display: inline-block;
	overflow:hidden;
	-moz-transition: 1.2s;
	-webkit-transition: 1.2s;
	-o-transition: 1.2s;
	transition: 1.2s ;
	text-decoration:none;
	color:#f4f4f4;
	width:0;
	font-weight: 300;
	
	min-height:100%;
	
	margin:0 10px 0 0;
	opacity: .5;

}
.sns li a:hover{
	cursor:pointer;
	width:100%;
	opacity: 1;
}


.sns li.behance a{
	background:url(../img/behance.png) no-repeat 0 0;
		background-size: contain;
	padding:0 0 0 2rem;
}

.sns li.lastfm a{
	background:url(../img/lastfm.png) no-repeat 0 0;
		background-size: contain;
	padding:0 0 0 2rem;

}
.sns li.letterboxed a{
	background:url(../img/letterboxd-decal-dots-pos-mono.svg) no-repeat 0 0;
		background-size: contain;
	padding:0 0 0 2rem;
}
.contact a{
	color: #f4f4f4;
	letter-spacing: .1rem;
	font-weight: 300;
}
/*clear*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}