body{overflow:hidden}img.scp{position:fixed;top:50%;left:50%;height:100%;z-index:-2;transform:translate(-50%,-50%)}canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.1}div.card-modal{text-align:center;padding:50px 30px;color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:850px;height:400px;background-color:rgba(255,255,255,.2);border-radius:10px;box-shadow:0 0 20px gray}div.success-icon{margin-left:50%;transform:translate(-50%);width:128px;height:128px;background-color:#00e700;border-radius:64px}div.success-icon::before{font-size:100px;content:'√';font-family:consolas;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.card-modal>h2{min-height:0;word-break:break-all}div.okay-btn{padding-top:6px;display:inline-block;cursor:pointer;width:100px;height:30px;background-color:#00e700;box-shadow:0 2px 5px #3e3e3e;transition:all .3s linear}div.okay-btn:hover{box-shadow:0 3px 5px #3e3e3e}div.okay-btn:active{box-shadow:0 3px 5px #3e3e3e;background-color:#039903}.frames div{position:absolute;left:0;top:-20%;width:100%;height:20%;background-color:rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.3);animation:scanning 12s linear infinite;z-index:2;pointer-events:none}.frames div:nth-child(1){animation-delay:0}.frames div:nth-child(2){animation-delay:4s}.frames div:nth-child(3){animation-delay:8s}@keyframes scanning{0%{top:-20%}100%{top:100%}}