@keyframes rotate{to{transform:rotate(2turn)}}.rotatingBorder{position:relative;z-index:0;width:1040px;margin:0 auto;border:1px solid rgba(15,22,43,.2);overflow:hidden;padding:16px}.rotatingBorder:before{content:"";position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-repeat:no-repeat;background-position:50%;background-image:conic-gradient(transparent,#0088ff,transparent 30%);animation:rotate 3s linear infinite}.rotatingBorder:after{content:"";position:absolute;z-index:-1;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:#f4f2f2}@media(max-width:768px){.rotatingBorder{width:100%;padding:8px;margin-left:10px;margin-right:10px;border-width:2px}.rotatingBorder:before{left:-40%;top:-40%;width:180%;height:180%}.rotatingBorder:after{left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px)}}@keyframes opacityChange{50%{opacity:.5}to{opacity:1}}