div.trail-card {
    img {
        max-width: 100%;
    }
    
    h3 {
        color: #21252e;
    }
    .trail-status {
        float: right;
    }
    transition-duration: 0.5s;
    transition-property: background-color;
    
}
a.trail-link {
    text-decoration: none;
    color: #000;
     .trail-card {
        text-decoration: none;
    }
}
a.trail-link:hover {
    .trail-card {
        background-color: #EEE;
    }
}
span.trail-difficulty {
    display: block;
    padding: .5em;
    border-radius: 2em;
    width: min-content;
    background-color: #d5d8de;
}
img.difficulty-icon {
    height: 3em;
}
div#trail-stats {
    background-color: #ffcc33;
    line-height: 2em;
}
