/**
* --------------------
* Reset
* --------------------
*/
html {
  box-sizing: border-box;
  font-size: 16px;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

body {
  font-family: "Roboto", sans-serif;
  background-color: #313140;
  padding: 10px 0 30px 0;
}

.site {
  max-width: 1200px;
  margin: 0 auto;
}

/**
* --------------------
* header
* --------------------
*/
header,
footer {
  background: #5f2825;
  color: #fef3c5;
  display: flex;
  align-items: center;
  padding: 10px 30px;
}
header a,
footer a {
  color: #fef3c5;
  text-decoration: none;
}
header h1,
footer h1 {
  font-family: "Varela Round", sans-serif;
}
header nav,
footer nav {
  margin-left: auto;
}
header nav ul,
footer nav ul {
  display: flex;
  gap: 10px;
}
header nav ul a,
footer nav ul a {
  color: #fef3c5;
  text-decoration: none;
}
header nav ul a:hover,
footer nav ul a:hover {
  text-decoration: underline;
}

/**
* --------------------
* main
* --------------------
*/
main {
  padding: 30px;
  background: url("/images/main-bg.png") repeat-y;
  background-color: #f7f4f4;
}

.refs-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #000;
}
.refs-table thead {
  background-color: #d9cec5;
  color: #000;
}
.refs-table thead th {
  padding: 5px;
  text-align: left;
}
.refs-table td {
  padding: 3px;
}
.refs-table tr,
.refs-table th,
.refs-table td {
  border: 1px solid #000;
}

footer {
  display: flex;
}
footer .credentials {
  margin-left: auto;
  color: #885a4f;
}

/**
* --------------------
* about
* --------------------
*/
.presentation {
  position: relative;
  padding: 30px 30px 200px 30px;
}
.presentation p {
  padding: 10px;
  line-height: 1.5;
}
.presentation ul {
  padding: 10px;
}
.presentation ul li {
  padding: 5px;
}

/**
* --------------------
* persos
* --------------------
*/
.elodie {
  background: url("/images/elodie2.png") no-repeat left top;
  bottom: 0px;
  right: 20px;
}

.arthur {
  background: url("/images/arthur2.png") no-repeat left top;
  bottom: 0px;
  left: 30px;
}

.simon {
  background: url("/images/simon2.png") no-repeat left top;
  bottom: 0px;
  left: 120px;
}

.elodie,
.arthur,
.simon {
  position: absolute;
  background-size: contain;
  height: 150px;
  width: 150px;
}

/*# sourceMappingURL=style.css.map */