.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}#author-avatar{border-radius:20rem;width:12rem;height:12rem;display:block;overflow:hidden}#author-avatar:hover #author-avatar-inner{transform:scale(1.2)}#author-avatar-inner{background-position:50%;background-size:cover;width:100%;height:100%;transition:all .25s ease-out}#connection{padding-bottom:2rem;font-size:6rem}#images,#videos{flex:1}#texts{flex:2}@media (max-width:800px){#author-product{flex-flow:column}#connection{transform:rotate(90deg)}}