.skew{box-sizing:border-box;color:#fff;border-radius:.8rem;margin:1rem 2rem;overflow:hidden;transform:skew(-15deg)}.skew:hover{color:#fff}.skew:hover .skew-inner-content{opacity:0}.skew:hover .skew-back{opacity:1;filter:blur()}.skew-inner{padding:2rem;transition:all .25s ease-out;overflow:hidden}.skew-inner>div,.skew-inner>h1,.skew-inner>h2,.skew-inner>h3{transform:skew(15deg)}.skew-inner-content{text-shadow:0 0 .5rem #00000080;transition:all .25s ease-out}.skew-positioning{background:#de0000;border-radius:.5rem;padding:.2rem 1rem .5rem;top:0;right:0}.skew-back{z-index:-1;opacity:.75;filter:blur(1rem);background-color:#03a;background-position:50%;background-size:cover;width:calc(100% + 4rem);height:calc(100% + 3rem);transition:all .25s ease-out;top:0;left:-1.6rem}.document{flex:1;min-width:24rem;max-width:36rem;margin:0 4rem 2rem 0}.document:hover .document-image-inner{transform:scale(1.1)skew(15deg)}.document-date{text-align:center;width:100%;padding:.4rem;font-size:.8rem}.document-image{border-radius:1rem;width:100%;height:9rem;margin:0 2rem;overflow:hidden;transform:skew(-15deg)}.document-image-inner{z-index:-1;background-color:#eee;width:calc(100% + 2.4rem);height:100%;transition:all .25s ease-out;top:0;left:-1rem;transform:skew(15deg);background-size:cover!important}@media (max-width:800px){.document{width:100%}}