.diario {
    padding: 20px;
    min-height: 300px;
    font-size: 16px;
}

.diario p {
    margin: 8px 0;
    padding: 10px;
}

.diario a {
    color: grey;
    text-decoration: none;
    font-family: "Courier Prime", monospace;
    transition: all 0.3s ease;
}

.diario a:hover {
    color: #8aff80;
}

.diario a::before,
.diario a::after {
    content: "";
    position: absolute;
    bottom: -3px;
    width: 0;
    height: 1px;
    background: #8aff80;
    transition: width 0.4s ease;
}

.gif-container {
    width: min(100%, 200px);
    margin: 20px auto;
    overflow: hidden;
}

.gif-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: none;
}