* {
    box-sizing: border-box;
}

.acordeon input {
    display: none;
    color: rgba(0, 0, 139);
}

.acordeon__seccion {
    display: block;
    padding: 15px;
    background: crimson;
    color: rgba(255, 255, 224);
    font-size: 20px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
}
.acordeon__seccion:hover {
    background: rgba(255, 140, 0);
}

.acordeon__contenido {
    height: 0;
    overflow: hidden;
    margin: 0;
    transition: all 0.5s;
}

.acordeon input:checked ~ .acordeon__contenido{
    height: auto;
    margin: 15px 0;
    color: rgba(255, 255, 255);
}
.p{
  border-image: 2px;
  width: 250px;
  height: 300px;
}
.audio{
  overflow: hidden;
  height: 40px;
}
.IMG{
    width: 450px;
  height: 350px;
}
.body{
  background: black;
}
.video{
  width: 600px;
  height: 500px;
  padding: 4px;
}
.text{
  font-size: 50px;
}