body{
    background-image: radial-gradient(rgb(28, 2, 71), rgb(6, 0, 12));
    margin: 0;
}
header{
    display: flex;
    justify-content: space-between;
    text-shadow: 0 3px 10px rgb(0, 0, 0);
    color: white;
    font-size: 50px;
    position: sticky;
    margin: sticky;
    width: 100%;
    top: 5px;
    left:10px;
}
article {
    
     border-bottom: 1px solid white;
     padding: 1em;
}
p {
     display: block;
     text-decoration: none;
     flex:1;
     font-size: calc(1vw + 1em);
     display: flex;
     flex-direction: column;
    text-align: center;
    color:white;
    opacity: 0.3;
    filter: blur(8px);
    transition: all 500ms;
    text-shadow: 0 5px 50px white;
}

p:hover{
    opacity: 1;
    filter: blur(0px);
}
time{
    display: block;
     color:white;
     text-decoration: none;
     flex:1;
     padding: 1em;
     font-size: calc(1vw + 1em);
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     text-shadow: 0 1px 5px white;
}
audio{
    display:flex;
    justify-self: center;
}