body{height:100%;width:100%}.line{border:1px solid #000;height:4rem;margin-bottom:16px;overflow:hidden;padding:0;width:100%}.lineUp{-webkit-animation:anim-lineUp 2s ease-out;animation:anim-lineUp 2s ease-out}@-webkit-keyframes anim-lineUp{0%{opacity:0;-webkit-transform:translateY(80%);transform:translateY(80%)}20%{opacity:0}50%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes anim-lineUp{0%{opacity:0;-webkit-transform:translateY(80%);transform:translateY(80%)}20%{opacity:0}50%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.right{-webkit-animation:drawRightLine 1s linear 1s forwards;animation:drawRightLine 1s linear 1s forwards;background-color:#fff;-webkit-transform-origin:0 0 0;transform-origin:0 0 0;visibility:hidden}@-webkit-keyframes drawRightLine{0%{-webkit-transform:scaleX(0);transform:scaleX(0);visibility:visible}to{-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}to{height:300px}}@keyframes drawRightLine{0%{-webkit-transform:scaleX(0);transform:scaleX(0);visibility:visible}to{-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}to{height:300px}}
/*# sourceMappingURL=main.a4fa74dd.css.map*/