body{
  background:black;
  color:white;
}
p{
  margin:0;
}
.menu{
  margin-top:10px;
}
.menu h4{
  margin-top:5px;
  font-size:20px;
  margin-left:10px;
  font-weight:bold;
}
.puntos{
  padding:5px;
  margin-top:5px;
  border-radius:5px;
}
.puntos:hover{
  background:#0f1b21;
}
.temas{
  margin-top:7px;
  margin-bottom:20px;
  display:flex;
  justify-content:center;
}
.temas p{
  font-weight:bold;
}
.temas span{
  background:#3887FE;
  padding:5px;
  border-radius:5px;
}
.temas span:hover{
  background:#394651;
}
.inicio h4, #clases h4{
  font-size:20px;
  font-weight:bold;
  text-align:center;
}
.inicio summary{
  font-weight:bold;
  margin-bottom:20px;
}
.inicio li{
  margin-left:20px;
}
.archivo{
  background: rgb(10,10,10);
  margin-top:10px;
  border:1px solid #394651;
  border:1px solid #39465D;
  padding:15px;
  border-radius:5px 5px 5px;
  box-shadow:#3887FE -8px 0 0;
}
.archivo .libro{
  background:white;
  padding:4px;
  border-radius:5px;
  margin-top:7px;
}
.archivo .descargar, .ver{
  margin-left:10px;
  border-radius:5px;
  padding:2px;
}
.archivo .descargar:hover,.ver:hover{
  background:#3887FE;
}
.archivo p{
  font-weight:bold;
  margin-left:55px;
  margin-top:14px;
}
.archivo span{
  margin-right:10px;
  color:#3887FE;
}
.archivo span:hover{
  color:#394651;
}
#reproductor{
  margin-bottom:20px;
}
.autor{
  margin-top:15px;
  margin-bottom:15px;
  display:flex;
  justify-content:center;
  color:#394651;
  font-weight:bold;
  margin-bottom:10px;
}
.autor a{
  color:#3887FE;
}