html, body { background-color: black; margin: 0 0; padding: 0 0;}
dd { margin-left: 1.7em; }
section, div { background-color: white;
  margin-left: 5px; margin-top: 5px; 
  float: left;
  padding: 8px 8px 8px 13px;
  width: 359px; /* with margins and padding 390px */
  height: 510px;
  border-width: 0px;
}

quote {
    font-style: italic; display: block; width: 90%; margin: auto auto;
}
td { vertical-align: top; }

#cible { background-color: black; color: lime; font-weight: bold; }
/* 536 - 26 - 6*/
#cible { border: 3px double green; width: 353px; height: 505px; }
#cible p { background-color: green; color: black; padding: 30px 30px; }
#cible p { margin: 10px 10px; }
#cible a { color: lime; }

@media only screen and (max-width: 390px) {
    section, div {
	margin-left: 0px;
	width: 100%;
    }
    #cible { width: 376px }
}

.next {
    background-color: transparent;
    display: grid;
    place-items: center;
}
.pages a {
    display: block; float: left; margin-left: 1mm;
    border: 1px solid black;
    width: 6mm; height: 8mm;
    text-align: center; padding-top: 2mm;
    border-right-width: 2px;
    border-bottom-width: 2px;
}
.pages a:link { background-color: #ffffff; }
.pages a:visited { background-color: #d2d2d2; }
.pages a:hover { background-color: #e2e2e2; }

.kaleidoscope {
    display: block;
    border: 2px solid black;
    width: 140px;
    margin: auto auto;
    margin-top: 2cm;
}

h1 {
    margin-top: 0px;
    font-size: 1.4em;
}
h2 {
    font-size: 1.2em;
}
section>h2:first-child {
    margin-top:0px;
}

#poem {
    margin-top: 30px;
    margin-left: 30px;
}