.animation-container{width:80px;height:80px;position:relative;display:inline-block;flex-direction:column;align-items:center;animation:resizeContainer 1.5s ease-in-out forwards;animation-delay:5s}.line{position:absolute;animation-fill-mode:forwards}.vertical-line{width:4px;height:100%;animation:expandVertical 2s ease-in-out forwards 0s}.horizontal-line{width:100%;height:4px;animation:expandHorizontal 2s ease-in-out forwards 1s}.bottom-left-line{width:4px;height:100%;animation:expandBottomLeft 2s ease-in-out forwards 2s}.bottom-right-line{width:4px;height:100%;animation:expandBottomRight 2s ease-in-out forwards 3s}@keyframes expandVertical{0%{height:0;background-color:#000;top:50%;left:50%}to{height:100%;background-color:#000;top:0;left:50%}}@keyframes expandHorizontal{0%{width:0;background-color:#000;top:25%;left:50%}to{width:100%;background-color:#000;top:25%;left:0}}@keyframes expandBottomLeft{0%{height:0;background-color:#000;top:20%;left:50%}to{height:65%;background-color:#000;transform:rotate(45deg);top:20%;left:27%}}@keyframes expandBottomRight{0%{height:0;top:20%;transform:rotate(135deg);background-color:#000;left:50%}to{height:60%;transform:rotate(135deg);background-color:#000;top:20%;left:72%}}@keyframes resizeContainer{0%{width:80px;height:80px}to{width:25px;height:38px}}