#files
{
    margin-left: 63px;
}

.file
{
    color: #8A8A89;
    clear: both;
    /* margin: 10px 8px; */
    margin: 37px 21px 20px 20px;
    display: block;
    box-sizing: border-box;
}


.file::after {
    border-bottom: 5px solid black;
    width: 70%;
    position: relative;
    left: calc(25% - 5rem/2);
    top: 5px;
}

/* .file:first-child::after {
    border: none;
}

.file:first-child
{
    border: 1px solid #ccdcdd;
}*/

.file:hover
{
    outline: 7px solid #ccdcdd;
}

.file:hover::after {
    border-bottom: 5px solid transparent;
}

.file .summary span:hover
{
    color: #fff;
}

.file span
{
    color: #8A8A89;
    display: block;
}

.file .title
{
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 460;
    color: rgb(80, 79, 79);
}

.file .summary
{
    margin-top: 10px;
    text-align: justify;
    font-weight: 300;
    padding: 15px;
}

.file .picture
{
    margin-left: 10px;
}

.file:after
{
    content: "";
    display: block;
    clear: both;
}