@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,700;1,400&family=Unbounded:wght@400;700&display=swap");
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background-color: #111;
  color: #111;
  font-family: "Crimson Text", serif;
  font-family: "Unbounded", cursive;
}

a {
  text-decoration: none;
  color: #e7c500;
}

.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.haut {
  display: flex;
  flex-direction: row;
  height: 50vh;
}

.bas {
  display: flex;
  flex-direction: row;
  height: 50vh;
}

.haut-gauche {
  padding: 30px;
  width: 50%;
  background-color: #e7c500;
}

.haut-droit {
  padding: 30px;
  color: #e7c500;
  width: 50%;
}

.bas-gauche {
  color: #e7c500;
  padding: 30px;
  width: 50%;
}

.bas-droit {
  width: 50%;
  background-color: #e7c500;
  background-image: url("../img/auto-portrait.png");
  background-size: cover;
  background-position: center;
}