body {
  background:lightseagreen;
  margin:0;
}
.main {
  background:#fff;
  position: fixed;
  top:50px;
  bottom:50px;
  left:50px;
  right:50px;
}
img {
  /* position:static; */

  /* position: relative; */
  /* Référent : la position initiale (dans l'HTML) de l'élément sur lequel on a mis la position relative */

  /* top, left, right, bottom */
  position: fixed;
  /* left:calc(50% - 25px);
  top:calc(50% - 28.5px); */
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

nav {
  background:#fff;
  display: flex;
  justify-content: center;
  padding:15px 0;
  box-shadow:0 5px 15px rgba(0,0,0,0.2);
  position: fixed;
  /* Référent : la fenêtre en cours (la partie visible de cette fenêtre) */
  width: 100%;
  top:0;
  z-index:1;
  /* left:0; */
}
a {
  color:#000;
  text-decoration: none;
  margin:0 15px;
}