/*
Property of Newhead Studio. Copyright © 2015 - today All rights reserved.
*/

@import url("./commons.css");

.view-right .article {
    display: block;
    position: relative;
    width: 70%;
    height: auto;
    margin: 2% auto 3% auto;
    padding: 0;
    font-size: 0;
    transition: all .25s ease-in-out;
    box-sizing: border-box;
    box-shadow: 5px 5px 5px 0px var(--second-background-color), -5px 5px 5px 0px var(--second-background-color);
    overflow: hidden;
}

.view-right .article div {
    display: block;
    position: absolute;
    left: 0.25vw;
    right: 0.25vw;
    top: 0.25vw;
    bottom: 0.25vw;
    z-index: 2;
    border: 0.25vw solid var(--fourth-background-color);
    transition: all .25s ease;
}

.view-right .article img {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    transition: transform .25s ease;
}

.view-right .article:hover {
    background: var(--second-background-color);
}

.view-right .article:hover div {
    border: 0.5vw solid var(--fourth-background-color);
}

.view-right .article:hover img {
    transform: scale(1.01);
    -ms-transform: scale(1.02);
    -webkit-transform: scale(1.02);
}