.container{
    display:grid;
	grid-template-columns: repeat(6,1fr);
	grid-template-rows: auto;
    grid-gap:10px;
    grid-auto-flow: dense;

}



.h-div{
	
	position: fixed;
	font-weight:normal;
	z-index: 999;
	}

    .formation{
        grid-column: 2/3;
		grid-row: 2/3;
		color: black;
	 font-family: Arial, Helvetica, sans-serif;
	 transform: rotate(-90deg);
	 margin: auto;
	 font-weight: bold;
	 
    }


 footer{
	 color: black;
	 font-family: Arial, Helvetica, sans-serif;
 }


.text{
	font-family: Arial, Helvetica, sans-serif;
}
.frank{
	color:black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	

}
.about{
	color:black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;

}
.contact{
	color:black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	
}

.more{
	color:black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.description-form{
	grid-column: 3/5;
	grid-row: 2/3;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
}

.description-comp{
	grid-column: 3/5;
	grid-row: 3/4;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
}

.competences{
	grid-column: 2/3;
	grid-row: 3/4;
	color: black;
 font-family: Arial, Helvetica, sans-serif;
 transform: rotate(-90deg);
 margin: auto;
 font-weight: bold;
}

.exp_pro{
	grid-column: 2/3;
	grid-row: 4/5;
	color: black;
 font-family: Arial, Helvetica, sans-serif;
 transform: rotate(-90deg);
 margin: auto;
 font-weight: bold;

}

.description-exp{
	grid-column: 3/5;
	grid-row: 4/5;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
}

.hobby{
	grid-column: 2/3;
	grid-row: 5/6;
	color: black;
 font-family: Arial, Helvetica, sans-serif;
 transform: rotate(-90deg);
 margin: auto;
 font-weight: bold;

}

.description-hob{
	grid-column: 3/4;
	grid-row: 5/6;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
}

.container_contact{
	display:grid;
	grid-template-columns: repeat(6,1fr);
	grid-template-rows: repeat(6, 1fr);
    grid-gap:10px;
    grid-auto-flow: dense;

}

.mail{
	grid-column: 3/5;
	grid-row: 3/4;
	justify-self: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-large;
	font-weight: bold;
	text-decoration: none;
}

a{
	text-decoration: none;
	color: black;
}

.baseline{
	grid-column: 3/5;
	grid-row: 4/5;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;

}