/*PROJET 8*/

/*font body*/
@font-face {
	font-family: "comfortaa";
	src: url("../font/comfortaa-regular.ttf");
	}
	
body {
	font-family: "comfortaa";
	margin: 0;
	overflow-x:hidden;
	}
	
	
/*background header*/
.header {
	background-image:url("images/background.jpg");
	background-size:100% 250%;
	width:100%;
	height: 100vh;
	padding:4vw 0 8vw 0;
	height:2vh;
	margin:0 0 5vw 0;
	text-align: center;
	}
	
	
/*txt header*/
a {
	transform: rotate(-90deg);
	width: 50%;
	text-decoration: none;
	text-align: center;
	color: white;
	}
	
.txt {
	text-align: start center;
	transform: rotate(-90deg);
	margin: 0% 0 -4% 0;
	padding: 0 0 0 4%;
	}
		
.art {
	font-size: 35px;
	margin: 0 0 0 2%;
	transform: rotate(-90deg);
	}

.inspi {
		font-size: 25px;
		margin: 0 0 0 2%;
		transform: rotate(-92deg);
		}
	
.aboutme {
	font-size: 11px;
	margin: 0 0 0 2%;
	transform: rotate(-90deg);
	}
	
	
/*pages*/
.pages {
	margin: 5vw 5vw 5vw 5vw;
	}
	
/*background footer*/
.footer{
	background-image:url("images/background.jpg");
	background-size:100% 250%;
	width:100%;
	height: 100vh;
	padding:4vw 0 8vw 0;
	height:2vh;
	margin:5vw 0 0 0;
	text-align: left;
	}
	
/*logo footer*/
.logo {
	margin: -2% 0 0 5%;
	}
	
/*txt footer*/
.txtfooterg {
	margin: -6% 0 0 18%;
	}
	
.txtfooterd {
	text-align: right;
	margin: -3% 5% 0 0;
	}