/* style_congrats.css */

#congratsbg {
    background-image: url('../assets/img/congrats/congratsbgd.png');
    background-repeat: repeat;
    background-size: 20vw;
}


.error{
    margin: 0;
    min-width: 3vw;
    position: absolute;
}

.toperror{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 2.6vw;
    color: #fffff5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#error01{
    width:18vw;
    height: 7.5vw;
    top:30vw;
    left: 10vw;
}

#error01 img{
    position: relative;
    width: 20vw;
    left:-1vw;
    top:-4vw;

}

#error02{
    width:8vw;
    height: 0.4vw;
    top:10vw;
    left: 40vw;
}

#error02 img{
    position: relative;
    width: 10vw;
    left:-1vw;
    top:-4vw;
}

#error03{
    width:23vw;
    height: 1vw;
    top:26vw;
    left: 60vw;
}

#error03 img{
    position: relative;
    width: 25vw;
    left:-1vw;
    top:-4vw;
}

#error04{
    width:15vw;
    height: 1.5vw;
    top:4vw;
    left: 68vw;
}

#error04 img{
    position: relative;
    width: 17vw;
    left:-1vw;
    top:-4vw;
}

#error05{
    width:13vw;
    height: 3.4vw;
    top:24vw;
    left: 23vw;
}

#error05 img{
    position: relative;
    width: 15vw;
    left:-1vw;
    top:-4vw;
}

#error06{
    width:19vw;
    height: 3.3vw;
    top:37vw;
    left: 52vw;
}

#error06 img{
    position: relative;
    width: 21vw;
    left:-1vw;
    top:-4vw;
}

#error07{
    width:17vw;
    height: 0.1vw;
    top:33vw;
    left: 42vw;
}

#error07 img{
    position: relative;
    width: 19vw;
    left:-1vw;
    top:-4vw;
}

#error08{
    width:23vw;
    height: 11vw;
    top:5vw;
    left: 47vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
}

#error08 img{
    position: relative;
    width: 25vw;
    left:-1vw;
    top:-1.5vw;
}

#error09{
    width:15vw;
    height: 9.5vw;
    top:10vw;
    left: 5vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
    animation-delay: 0.2s;
}

#error09 img{
    position: relative;
    width:17vw;
    left:-1vw;
    top:-1.5vw;
}

#error10{
    width:11vw;
    height: 5.3vw;
    top:31vw;
    left: 56vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
}

#error10 img{
    position: relative;
    width:13vw;
    left:-1vw;
    top:-1.5vw;
}

#error11{
    width:16vw;
    height: 8vw;
    top:16vw;
    left: 70vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
}

#error11 img{
    position: relative;
    width: 18vw;
    left:-1vw;
    top:-4vw;
}

#error12{
    width:25vw;
    height: 12.4vw;
    top:14vw;
    left: 29vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
    animation-delay: 0.1s;
}

#error12 img{
    position: relative;
    width:27vw;
    left:-1vw;
    top:-1.5vw;
}

#error13{
    width:22vw;
    height: 3.6vw;
    top:7vw;
    left: 14vw;
    scale: 0;
    animation: popupanim 0.2s forwards;
}

#error13 img{
    position: relative;
    width: 24vw;
    left:-1vw;
    top:-4vw;
}

#error14{
    width:28vw;
    height: 8.7vw;
    top:27vw;
    left: 26vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
    animation-delay: 0.1s;
}

#error14 img{
    position: relative;
    width: 30vw;
    left:-1vw;
    top:-4vw;
}

#error15{
    width:18vw;
    height: 9.6vw;
    top:29vw;
    left: 64vw;
    scale: 0;
    animation: popupanim 0.3s forwards;
}

#error15 img{
    position: relative;
    width: 20vw;
    left:-1vw;
    top:-4vw;
}

#error16{
    width:20vw;
    height: 11vw;
    top:3vw;
    left: 24vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
    animation-delay: 0.1s;
}

#error16 img{
    position: relative;
    width:22vw;
    left:-1vw;
    top:-1.5vw;
}

#error17{
    width:18vw;
    height: 2.1vw;
    top:20vw;
    left: 18vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
}

#error17 img{
    position: relative;
    width: 20vw;
    left:-1vw;
    top:-4vw;
}

#error18{
    width:26vw;
    height: 3.2vw;
    top:12vw;
    left: 35vw;
    animation: erroranim .5s ease infinite;
}

#error18 img{
    position: relative;
    width: 28vw;
    left:-1vw;
    top:-4vw;
}

@keyframes erroranim {
    0%   { visibility: visible; 
            opacity: 1;}
    10%  { visibility: hidden;
        opacity: 0; }
    40% { visibility: visible;
        opacity: 1; }
}

#error19{
    width:18vw;
    height: 2.7vw;
    top:1vw;
    left: 59vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
    animation-delay: 0.1s;
}

#error19 img{
    position: relative;
    width: 20vw;
    left:-1vw;
    top:-4vw;
}

#error20{
    width:11vw;
    height: 5.3vw;
    top:9vw;
    left: 77vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
    animation-delay: 0.2s;
}

#error20 img{
    position: relative;
    width:13vw;
    left:-1vw;
    top:-1.5vw;
}

#error21{
    width:14vw;
    height: 6.1vw;
    top:38vw;
    left: 20vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
    animation-delay: 0.3s;
}

#error21 img{
    position: relative;
    width:16vw;
    left:-1vw;
    top:-1.5vw;
}

#error22{
    width:10vw;
    height: 0.8vw;
    top:42vw;
    left: 79vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
    animation-delay: 0.4s;
}

#error22 img{
    position: relative;
    width: 12vw;
    left:-1vw;
    top:-4vw;
}

#error23{
    width:8vw;
    height: 4vw;
    top:24vw;
    left: 53vw;
    scale: 0;
    animation: popupanim 0.1s forwards;
    animation-delay: 0.4s;
}

#error23 img{
    position: relative;
    width:10vw;
    left:-1vw;
    top:-1.5vw;
}

#getsaved{
    display: none;
    position: absolute;
    left: 35vw;
    top: 17vw;
    font-family: 'coralpixels';
    text-decoration: underline;
    font-size: 1vw;
    background-color: #ffffffc6;
}

@keyframes popupanim{
    0% {scale:0;}
    90% {scale: 1.3;}
    100% {scale: 1;}
}