* {
  margin: 0em;
  padding: 0em;
  box-sizing: border-box;
}

body {
  background-color: #f7f7f7;

	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.container {
  width: auto;
  /* background-color: #f1f1f1; */
	/* margin: auto; */	
	box-shadow: 7px 13px 37px rgba(0, 0, 0, .5);

}

section p {
  overflow: hidden;
  max-height: 0em;
  text-align: justify;
  font-family: "Courier New", Courier, monospace;
  background: #e4e4e4;
  transition: all 0.2s ease-in;
}

section a {
  text-decoration: none;
  display: block;
  text-align: left;
  padding: 0.30em;
  font-family: "Courier New", Courier, monospace;
  background-color: #212121;
  border-bottom: 0.3em solid gray;
  color: white;
}

section:target p {
  max-height: 30em;
  padding: 2em;
}