.copy-box{position:relative;display:inline-block;margin:0 auto;background-color:#111111;color:#fff;font-family:sans-serif;padding:20px;min-height:300px}.copy-box .line{position:absolute;background-color:red;box-shadow:0px 0px 12px red;width:4px;height:calc(100% - 20px);top:10px;left:22px;border-radius:50%;overflow:hidden}.copy-box.two .line{border-radius:0;width:2px}.copy-box .line .scanner{position:absolute;top:0;left:0;background:white;width:100%;height:20px;border-radius:50%;animation:scanner-loop 3s ease-in-out infinite}.copy-box.two .line .scanner{background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1),rgba(255,255,255,0));height:50%}@keyframes scanner-loop{0%{top:0}50%{top:100%}100%{top:0}}.copy-box .inner{padding:30px}header#main-header{border-bottom:1px solid #ff0000;position:relative}header#main-header:after{content:" ";border-bottom:0px solid yellow;display:block;width:100%;bottom:-12px;position:absolute}footer#main-footer{border-top:1px solid #ff0000;position:relative}