body {
 background-image: url(https://nevideat.neocities.org/site/media/background.jpg);
 font-family: arial;
 color: white;
 text-shadow: 0 0 25px black;
 box-shadow: 0 0 1px black;
 text-align: center;
 margin: 80px;
}

img {
  filter: drop-shadow(0 0 2.5px black);
}

a {
  color: yellow;
  font-style: italic;
}

a:hover {
  font-weight: bold;
}
* {
	box-sizing: border-box;
}

header {
	float: right;
	width: 71.5%;
	border: 1px solid white;
	text-align: center;
	font-size: 20px;
	overflow-y: auto;
	overflow-x: hide;
}

leftpanel {
	float: left;
	width: 28%;
	border: 1px solid white;
	padding: 20px;
	text-align: left;
	overflow-y: hide;
	overflow-x: hide;
}


article {
	float: right;
	width: 71.5%;
	border: 1px solid white;
	padding: 20px;
	text-align: center;
	overflow-y: auto;
	overflow-x: auto;
}

section::after {
	content: "";
	display: table;
	clear: both;
}

.accordion {
  background-color: transparent;
  color: white;
  cursor: pointer;
  width: 100%;
  text-align: center;
  border: none;
  outline: 1px solid white;
  transition: 0.4s;
}

.accordion:hover {
  background-color: white;
  color: black;
  font-weight: bold;
  font-style: italic;
}

.active {
  background-color: transparent;
  color: yellow;
  font-weight: bold;
  font-style: italic;
}

.panel {
  padding: 0 18px;
  background-color: transparent;
  display: none;
  overflow: hidden;
  outline: 1px solid white;
}

.accordion:after {
  content: '\02795';
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796";
}