@font-face{
	font-family: "cormorant";
	src: url("fonts/cormorant/Cormorant-Regular.ttf");
}

@font-face{
	font-family: "cormorant_italic";
	src: url("fonts/cormorant/Cormorant-Italic.ttf");
}

@font-face{
	font-family: "roboto_mono";
	src: url("fonts/roboto_mono/RobotoMono-Regular.ttf");
}

html{
	font-family: cormorant;
	background-color: ghostwhite;
	margin: 10px;
	margin-bottom: 50px;
	height: 100%;
}

a{
	font-size: 25px;
	text-decoration-line: none; 
}

a:visited{
    color: black;
}

h1{
	font-family: cormorant;
	font-size: 25px;
	text-align: center;
	color: blue;
}


h2{
	font-family: roboto_mono;
	font-size: 15px;
	margin-top: 5px;
}


p{
	font-family: roboto_mono;
	font-size: 15px;
	margin-top: 60px;
	margin-right: 600px;
	margin-left: 60px;
}

img{
	width: 30%;
	margin-top: 60px;
	margin-right: 15px;
	vertical-align: top;
}

.english{
	font-family: cormorant_italic;
	color: blue;
	font-size: 20px;
	margin-top: 15px;
}

.info{
	font-family: cormorant;
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left: 10px;
}

a:hover {
  color: chartreuse;
  margin: auto;
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 10px;
}

.img_small{
	width: 10%;
}

.img_big{
	width: 50%
}

.dessin{
	width: 15%;
}