.rotate-device .portrait{animation:invertedSizeIncrease .5s ease forwards,invertedBorderIncrease .5s ease .5s forwards,rotateLeft .7s ease 1s forwards}.rotate-device .portrait i{line-height:85px}.rotate-device .landscape{animation:sizeIncrease .5s ease forwards,borderIncrease .5s ease .5s forwards,rotateRight .7s ease 1s forwards}.rotate-device .landscape i{animation:fadeIn .5s ease .8s forwards;color:#454545;font-size:50px;line-height:120px;opacity:0;text-align:center;width:100%}@keyframes sizeIncrease{0%{height:10px;width:0}50%{height:10px;width:100px}to{height:160px;width:100px}}@keyframes borderIncrease{to{border-width:20px 10px}}@keyframes invertedBorderIncrease{to{border-width:10px 20px}}@keyframes invertedSizeIncrease{0%{height:0;width:10px}50%{height:100px;width:10px}to{height:100px;width:160px}}@keyframes fadeIn{to{color:#000;opacity:1}}@keyframes rotateRight{to{transform:rotate(90deg)}}@keyframes rotateLeft{to{transform:rotate(-90deg)}}