.scan{
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.scan .qrcode{
    position: relative;	
    width: 380px;
    height: 340px;
}

.scan .qrcode::after{
    content: '';
    position: absolute;
    inset: 86px;
    width: calc(55% - 0px);
    height: 2px;
    background: #35fd5c;
    filter: drop-shadow(0 0 10px #35fd5c)
    drop-shadow(0 0 30px #35fd5c);
    animation: animateLine 4s ease-in-out infinite;
}

@keyframes animateLine{
    100%{
        top: 100px;
    }
    50%{
        top: calc(80% - 10px);
    }
}

.scan h3 {
    color: #35fd5c;
    letter-spacing: 2px;
    margin-top: 2px;
    text-transform: uppercase;
    font-size: 3em;
    filter: drop-shadow(0 0 10px #35fd5c)
    drop-shadow(0 0 30px #35fd5c);
    animation: animateText 0.4s steps(1) infinite;
}

@keyframes animateText{
    0%,100%{
        opacity: 0;
    }
    50%{
        opacity: 2;
    }
}

.qrborder{
    position: absolute;
	top: 10%;
	left: 15%;
    width: 100%;
	height: 100%;
    background: url(expand.png);
    background-size: 270px;
    background-repeat: no-repeat;
}