.horoscope{display:flex;flex-direction:row;flex-wrap:nowrap;max-width:1280px;margin:auto}.horoscope a:first-child .item{border-left:0}.horoscope a{text-decoration:none;width:50%}.horoscope .item{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:2px solid #eee}.horoscope .item{height:318px;-moz-transition:1s background-color;-webkit-transition:1s background-color;-o-transition:1s background-color;transition:1s background-color}.horoscope .item .icon{width:70%;max-width:435px;margin:2vh 0;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-moz-transition:.3s ease-in-out width,.5s ease-in-out -moz-transform;-webkit-transition:.3s ease-in-out width,.5s ease-in-out -webkit-transform;-o-transition:.3s ease-in-out width,.5s ease-in-out -o-transform;transition:.3s ease-in-out width,.5s ease-in-out transform}.horoscope .item .text{width:40%;max-width:300px}.horoscope .item p{color:#a3a3a3;margin:5px 0 2px}.horoscope .item:hover{background-color:#f7e9d7}.horoscope .item:hover .icon{width:80%;-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}.horoscope .item:hover p{color:#000}.horoscope .item:active .icon{width:85%;-moz-transform:rotate(10deg);-webkit-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}.horoscope .item:active{background-color:#f7ddbc}