@font-face {
  font-family: "Ouroburos";
  src: url('Ouroboros-Regular.woff'),url('Ouroboros-Regular.woff2'),url('Ouroboros-Regular.eot');
}
@font-face {
  font-family: "Spacetext";
  src: url('SpaceText-Medium.woff'),url('SpaceText-Medium.woff2'),url('SpaceText-Medium.eot');
}
:root{
  --marge: 40px;
  --black: #660066;
  --title: 'Ouroboros';
  --current:'Spacetext';
}
body{
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  color: var(--black);

}
h1,h2{
  font-family: var(--title);
  margin: 0;
  font-weight: normal;
}
h3,h4,p,li,a{
  font-family: var(--current);
}
ul, li{
  list-style: none;
  margin: 0;
  padding: 0;
}
p{
  width: 70%;
  margin-bottom: calc(var(--marge)/2);
}
a{
  text-decoration: none;
}
header{
  /* height: 80px; */
  padding: calc(var(--marge)/2);
  background-color: var(--black);
}
header h1{
  text-align:  center;
  color: white;
}
button{
  background-color: var(--black);
  border:none;
	padding:6px 0 6px 0;
	border-radius:20px;
}
button a{
  margin: 10px;
  color: white;
  text-decoration: none;
  border: none;
  border-radius: 20%;
}
section:not(.details){
  margin: var(--marge);
}
#intro p{
  font-size: 1.2em;
}

.mixtape h2{
  margin-bottom: calc(var(--marge)/2);
}
article{
  padding: calc(var(--marge)/2) 0;
  width: 100%;
  border-top: solid 1px;
  border-bottom: solid 1px;
}
.details{
  margin-top: var(--marge);
}
.dropdown-btn{
  padding: calc(var(--marge)/4);
  color: white;
  cursor:help;
}

.dropdown-container{
  display: none;
}
/* #more{
  display: none;
}*/
.text{
  margin: 0 !important;
}
#news h4{
  text-align: center;

}