main {
    .top-links {
        float: right;
        padding-right: .9375rem;
    }
    
    .page-title {
        padding-bottom: 1rem;
        padding-left: 1rem;
        
        span {
            letter-spacing: .125rem;
            color: $main-page-subtitle-color;
            font-size: .925rem;
            text-transform: uppercase;
            display: block;
        }
        
        h3 {
            font-size: 1.625rem;
            font-weight: 500;
            line-height: 1;
            margin: 0;
            padding: 0;
            color: $main-page-title-color;
        }
    }
    
    .block {
        background: $main-block-background;
        box-shadow: 0 2px 0 $main-block-shadow,
            0 4px 8px $main-block-shadow1,
            0 10px 10px $main-block-shadow2,
            0 7px 70px $main-block-shadow3;
        border-radius: .625rem;
        margin-bottom: 1.5rem;
        overflow: hidden;

        &.dark {
            background: $main-block-dark-background;
            color: $main-block-dark-color;

            header h5 {
                color: $main-block-dark-header-title-color;
            }

            h6 {
                color: $main-block-dark-color;
            }
        }
        
        header {
            padding: 1rem 1rem;
            border-bottom: 1px solid $main-block-header-border;

            &.with-image {
                min-height: 10.3125rem;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                position: relative;
                margin-bottom: 1rem;

                > a {
                    top: .9375rem;
                    right: .9375rem;
                    position: absolute;
                    text-transform: uppercase;
                    border-radius: 10rem;
                    background: $main-block-header-category-background;
                    transition: all 250ms cubic-bezier(.27,.01,.38,1.06);
                    padding: .375rem .5rem;
                    font-size: 85%;
                    font-weight: 500;
                    display: inline-block;
                }

                div {
                    transform: translateY(50%);
                    margin-left: 1.5625rem;
                    position: absolute;
                    bottom: 0;

                    a {
                        width: 2.1875rem;
                        height: 2.1875rem;
                        box-shadow: 0 0 0 0.125rem $main-block-header-author-shadow, 0 0.1875rem 0.4375rem $main-block-header-author-shadow1;
                        display: block;
                        background-position: center;
                        background-size: cover;
                        background-color: transparent;
                        border-radius: 50%;
                    }
                }
            }
        }

        h4 {
            font-size: 1.25rem;
            line-height: 1.5rem;
            font-weight: 500;
            margin-bottom: .75rem;
            color: $main-block-header-title-color;
        }

        h5 {
            font-weight: 500;
            font-size: 1rem;
            line-height: 1.5rem;
            color: $main-block-header-title-color;
        }
        
        h6 {
            color: $main-block-h6-color;
            font-weight: bold;
            margin-bottom: .5rem;
        }

        .content {
            padding: 1rem 0;

            p {
                line-height: 1.5;
            }
        }

        footer {
            padding: 1rem;
            border-top: 1px solid $main-block-footer-border;
        }
    }
}