@import url(./apropos.css);


.first-section-mespages a{
  font-family: 'Proxima Nova Lt', serif;
  font-size: 2rem;
  margin-bottom: 10px;
  font-weight: 300;
  text-decoration: underline;
  transition: .3s ease-in-out;
}
.first-section-mespages a:hover{
  color: #888787;
  transition: .3s ease-in-out;
}
.first-section-mespages button{
  padding: 10px;
  font-size: 1.7rem;
  border-radius: 10px;
  background-color: #3a3a3a;
  color: #ffff;
  border: none;
  transition: .3s ease-in-out;
  cursor: pointer;
}
.first-section-mespages button:hover{
  background-color: #EA2D2E;
  color: #ffff;
  transition: .3s ease-in-out;
  border: none;
}
.doc{
  width: 80%;
  margin: auto;
  padding-top: 5rem;
}
.doc h2{
  font-family: 'Proxima Nova Rg', serif;
  font-weight: 400;
  color: var(--hover-color);
  padding-bottom: 1rem;
}
.doc a{
  display: flex;
  padding-bottom: 10px;
  gap: 5px;
}
.doc a p{
  font-family: 'Proxima Nova Lt', serif;
  font-size: 2rem;
  margin-bottom: 10px;
  font-weight: 300;
  color: var(--myblue-color);
}
.doc a p:hover{
  text-decoration: underline;
}

.doc p{
  font-family: 'Proxima Nova Lt', serif;
  font-size: 2rem;
  margin-bottom: 10px;
  font-weight: 300;
}
.section-java{
  width: 80%;
  padding-top: 40px;
  margin: auto;
}
.section-java h2{
  font-family: 'Proxima Nova Lt', serif;
  font-size: 2.6rem;
  margin-bottom: 10px;
  font-weight: 300;
}
.section-java figure{
  margin-left: 5%;
  padding-bottom: 2rem;
}
.section-java img{
  width: 900px;
  transition: .3s ease-in-out;
  cursor: pointer;
  margin: auto;
  border-radius: 5px;
}
.section-java figcaption{
  font-style: italic;
  color: #666;
}
.section-java p{
  font-family: 'Proxima Nova Lt', serif;
  font-size: 2rem;
  margin-bottom: 10px;
  font-weight: 300;
  margin-bottom: 30px;
}

.section-java .doc a{
  display: flex;
  
}
.section-java .doc a img{
  width: 30px;
}
/*footer*/
footer{
  background-color: #E5E5E5;
}