#container_mention{
  padding-left: 5%;
}
#resum{
  width: 70%;
}
#crayon{
  margin-top: 5%;
}

#titre{
  margin-left: 5%;
  margin-top: 5%;
}
#frame{
  width: 80%;
  margin-left: 10%;
  height:100vh;
  min-height: 300px;
  margin-top: 10%;
}
#titre_top{
  display: flex;
  height:150px;
  gap:2%;
}
#titre_bottom{
  display: flex;
  align-items: end;
}

.opa{
  opacity: 0.8;
}

@media (max-width: 600px) {
  #resum, #container_mention{
    width: 90%;
  }

}