body{margin:0;font-family:"Roboto Slab",serif;color:tomato;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.box{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:rgba(17,24,69,.65);box-sizing:border-box;overflow:hidden;box-shadow:0 20px 50px #17205a;border:2px solid #2a3cad;color:#fff;padding:20px}.box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:hsla(0,0%,100%,.1);transition:.5s;pointer-events:none}.box:hover:before{left:-50%;transform:skewX(-5deg)}.box .content{position:absolute;top:15px;left:15px;right:15px;bottom:15px;color:#50dfdb;border:1px solid #f0a591;padding:20px;text-align:center;box-shadow:0 5px 10px rgba(9,0,0,.5)}.box span{position:absolute;top:0;left:0;width:100%;height:100%;display:block;box-sizing:border-box}.box span:first-child{transform:rotate(0deg)}.box span:nth-child(2){transform:rotate(90deg)}.box span:nth-child(3){transform:rotate(180deg)}.box span:nth-child(4){transform:rotate(270deg)}.box span:before{content:"";position:absolute;width:100%;height:2px;background:#50dfdb;-webkit-animation:animate 4s linear infinite;animation:animate 4s linear infinite}@-webkit-keyframes animate{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}50.1%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}@keyframes animate{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}50.1%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}
/*# sourceMappingURL=main.6a933e50.chunk.css.map */