#root div#app.detail {
    padding: 0;
    overflow-y: auto;
}

    #root div#app.detail #back-home {
        background: rgba(255,255,255,0.8);
        padding: 16px 14px 16px 17px;
        box-shadow: 0 0 10px #333;
        border: 3px solid black;
        text-decoration: none;
        border-radius: 50%;
        cursor: pointer;
        position: fixed;
        display: block;
        color: #a71b1f;
        z-index: 10;
        width: 55px;
        left: 15px;
        top: 15px;

        -webkit-transition: all 200ms;
           -moz-transition: all 200ms;
            -ms-transition: all 200ms;
             -o-transition: all 200ms;
                transition: all 200ms;
    }

    #root div#app.detail #back-home:hover,
    #root div#app.detail #back-home:focus {
        background: rgba(0,0,0,0.7);
        color: #fff;
        border: 1.5px solid #a71b1f;
    }

#detail-header {
    box-shadow: inset 0 0 200px -20px black;
    font-family: 'Roboto', sans-serif;
    background-color: #a71b1f;
    min-width: 1200px;
    position: fixed;
    z-index: -1;
    color: #fff;
    right: 0;
    left: 0;
    top: 0;
}

    #detail-header > div > img {
        border-radius: 20%;
        background: black;
        display: block;
        padding: 5px;
        margin: 20px;
        float: left;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

    #detail-header > div > h1 {
        padding: 70px 20px 20px 50px;
        width: 180px;
        font-size: 20px;
        text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
        display: block;
        float: left;
        color: #FFF;
        justify-content: center;
        text-align: center;
    }

    #detail-header > h3 {
        padding: 20px 30px;
        float: right;
        color: #fff;
    }

#detail-content {
    box-shadow: 0 0 20px rgba(0,0,0,0.7);
    font-family: 'Roboto', sans-serif;
    min-height: calc(100% - 400px);
    background-color: #fff;
    margin: 220px 0;
    display: table;
    width: 100%;
}

    #detail-content > .detail-content-section {
        display: table-cell;
        padding: 20px;
        width: 50%;
    }

    #detail-content > .detail-content-section > header {
        border-bottom: 2px solid #a71b1f;
        text-transform: uppercase;
        padding: 10px 15px;
        font-weight: 900;
        font-size: 18px;
        margin: 10px 0;
    }

    #detail-content > .detail-content-section > section > .detail-block {
        border: 1px solid rgb(170, 164, 164);
        border-radius: 10px;
        padding: 10px 15px;
        position: relative;
        margin: 20px 0;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    }

    #detail-content > .detail-content-section > section > .detail-block > .detail-block-header {
        font-weight: 500;
    }

    #detail-content > .detail-content-section > section > .detail-block > .detail-block-content > .detail-card > .detail-card-description {
        font-style: italic;
        padding: 20px;
    }

    #detail-content > .detail-content-section > section > .detail-block > .detail-block-content > .detail-card > .detail-card-link {
        text-decoration: none;
        position: absolute;
        font-size: 13px;
        color: #a71b1f;
        right: 10px;
        top: 10px;
    }

#detail-footer {
    box-shadow: inset 0 0 200px 0px #a71b1f;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    background-color: #000;
    text-align: center;
    min-width: 1200px;
    font-weight: 900;
    position: fixed;
    height: 220px;
    padding: 75px;
    color: #fff;
    z-index: -1;
    bottom: 0;
    right: 0;
    left: 0;
}

#detail-footer > div {
    padding: 5px;
}