.december-edit{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  margin-top: 80px;
  background: url(images/Togo.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.november-edit{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  margin-top: 80px;
  background: url(images/Benin.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.october-edit{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  margin-top: 80px;
  background: url(images/1st-edition.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.edition{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100%;
    background-color: rgb(12, 12, 12, 0.7);
    
}
.edition p{
  width: 80%;
  max-width: 600px;
  color: var(--secondary-color);
  margin: 10px;
  text-align: center;
}
.left-btn{
  align-items: center;
  width: auto;
  min-width: 100px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  margin-bottom: 5px;
  color: var(--secondary-color);
  background-color: var(--primary-color);
  border: none;
  padding: 5px 6px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px rgba(31, 29, 29, 0.5);
  flex-shrink: 0;
  min-width: 90px;
  cursor: pointer;
  transition: 0.3s;
  margin: 10px;
}
.left-btn:hover{
  box-shadow: 0 0 25px rgb(123, 231, 171);
}
.right-btn a{
  color: var(--text-color);
  text-decoration: none;
}
.left-btn a{
  color: var(--secondary-color);
  text-decoration: none;
}

.right-btn{
  align-items: center;
  width: auto;
  min-width: 100px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  margin-bottom: 5px;
  color: var(--text-color);
  background-color: var(--dark-gold);
  border: none;
  padding: 5px 6px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px rgba(31, 29, 29, 0.5);
  flex-shrink: 0;
  min-width: 90px;
  cursor: pointer;
  transition: 0.3s;
  margin: 10px;
}
.right-btn:hover{
  box-shadow: 0 0 25px rgb(220, 231, 123);
}