/* feuille de style "travaux" */

/* police Ophoïs */
@font-face
{
	font-family: fumarea;
	src: url('../fonts/Fumarea.ttf');
}

*{
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* taille de police par défaut */
html {
  font-size: 20px;
}
body {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* centrage horizontal et vertical du contenu */
.card{
	width: 300px;
	background: #f5f5f5;
	padding: 15px;
	border-radius: 20px;
}

/* entete logo + ophois */
.entete
{
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
}

.logo
{
	flex-shrink: 4;
	max-height: 162px;
}

/* rotation du texte ophois + police + fond rouge */ 
.vertical
{
	transform: rotate(-90deg) translateX(-56px) translateY(20px);
	background: #E30613;
	color: white;
	width: 162px;
	height: 50px;
	line-height: 50px;
	font-family: fumarea;
	font-size: 2em;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}
.text-center
{
	text-align: center;
}

/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles pour cette Media Queries */
	
	h1{
		font-size: 1.3em;		
	}
}