@font-face {
font-family: 'Massence_sans_script-Regular';
    src: url('Massence_sans_script-Regular.ttf') format('truetype')
}
body {
background: white;
color: #696969;
font-family: 'Massence_sans_script-Regular';
font-size: 22px;
letter-spacing: 2px;
}
.retour {
text-align: center;
color: #7aa0bf;
display: block;
margin-left: 2%;
margin-top: 2%;
margin-right: auto;
max-width: 70px;
padding: 8px;
border-radius: 10px;
}
.profile-picture {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 5%;
height: auto;
max-width: 100px;
border-radius: 50%;
}
.img-titre {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 5%;
height: auto;
max-width: 70%;
}
.couverture {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 5%;
height: auto;
max-width: 40%;
}
.titre {
text-align: center;
padding: 30px;
}
.soustitre {
text-align: center;
font-size: 10px;
letter-spacing: 2px;
}
.soussoustitre {
text-align: center;
font-size: 10px;
letter-spacing: 2px;
margin-bottom: 40px;
}
.titre2 {
text-align: center;
margin-top: 30px;
color: #3a3a3a;
font-size: 20px;
letter-spacing: 2px;
}
.soustitre2 {
text-align: center;
color: #3a3a3a;
font-size: 20px;
letter-spacing: 2px;
}
.texte {
text-align: justify;
padding: 30px;
color: #3a3a3a;
font-size: 16px;
letter-spacing: 2px;
margin-left: auto;
margin-right: auto;
max-width: 725px;
}
.liens {
text-align: center;
margin-top: 20px;
padding: 20px;
border: 1px solid;
border-color: #7aa0bf;
border-width: 2px;
width: 250px;
display: block;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
}
.pages {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 5%;
height: auto;
max-width: 80%;
}
.blagues {
display: block;
margin-left: auto;
margin-right: auto;
height: auto;
max-width: 90%;
}
a {
text-decoration: none;
color: #696969;
transition: color 0.5s;
}
.signature {
text-align: center;
font-size: 16px;
margin-top: 40px;
margin-bottom: 5%;
}
a:hover {
color: #fff;
background: #7aa0bf;
}