body>.layout.default{background:#fff;display:table;position:relative;width:100%;height:100vh;z-index:1}body>.layout.default>div{display:table-cell;text-align:center;position:relative;width:inherit;height:inherit;vertical-align:middle;z-index:1}body>.layout.default>div>div{display:inline-block}body>.layout.default>div>div>div:nth-child(n+2){margin-top:10px}body>.layout.default .panel{border:1px solid #ccc;margin:0px}body>.layout.default:before{content:"";background:#ececec;opacity:0.7;position:absolute;top:0px;right:60%;bottom:0px;left:0px;z-index:0;animation:background-animate 1s 1}@keyframes background-animate{0%{left:100%}100%{left:0%}}