.preamble, .ending {
    filter: blur(0.2px);
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.8rem;
    mix-blend-mode:color-dodge;
    color:red;
}

.preamble p{
    animation: transition ease-in-out 2s infinite alternate;
}

.voicemail {
    background: linear-gradient(#060505, rgb(36, 62, 71));
    border-radius:1em;
    padding: 2em;
    width:60%;
    margin: 2em auto;
    mix-blend-mode: difference;
}

.voicemail > *:not(.preamble, .ending) {
    mix-blend-mode: color-dodge;
    z-index: 3;
    background: red;
    opacity:40%;
}

.voicemail p:hover{
    color:tan;
    background: black;
    opacity:100%;
    mix-blend-mode: normal;
    animation: transition ease-in 0.25s reverse;
}

.preamble p:hover, .ending p:hover{
    color:white;
    background: red;
    opacity:100%;
    mix-blend-mode: normal;
    background-image: url('/assets/trans/5.png');
    mask-composite: exclude;
}

body {
    font-family: "Times New Roman", Times, serif;
    margin: 0;
}

p{
   
}