CSS to make The Nerve News a little cleaner

thenerve.news.css

[action="/post_like"] {
    display: none;
}

a:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
}

img[style="width:100%"] {
    max-height: 80vh;
    max-width: fit-content;
    aspect-ratio: 1;
    width: revert !important;
}

/* because they transition: all, there's a nasty border 
effect that we want to remove */
[data-floating-ui-portal] a {
    transition: background-color .1s ease-in-out;
}

div:has(>.react-share__ShareButton) {
    display: none;
}

.dream-post-content-paragraph,
.dream-paragraph {
    max-width: 70ch !important;
}

.dream-post-content-quote {
    
    /* remove the massive " mark */
    & > div:first-of-type {
        display: none !important;
    }
    
    .dream-post-content-paragraph strong {
        line-height: 1.8rem;
        display: block;
        max-width: 35ch;
        font-style: italic;
        
        &::before {
            content: open-quote;
        }
        
        &::after {
          content: close-quote;
        }
    }
    
}

.dream-post-content-blockquoteFigure > 
.dream-post-content-blockquoteFigure {
    padding: 0;
}