/* body {
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
} */

.trophy-container > .before,
.trophy-container > .after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
        0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
        0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
        0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
        0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
        0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
        0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff,
        0 0 #fff, 0 0 #fff, 0 0 #fff;
    -moz-animation: 1s bang ease-out infinite backwards,
        1s gravity ease-in infinite backwards,
        5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards,
        1s gravity ease-in infinite backwards,
        5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards,
        1s gravity ease-in infinite backwards,
        5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards,
        1s gravity ease-in infinite backwards,
        5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards,
        1s gravity ease-in infinite backwards,
        5s position linear infinite backwards;
}

.trophy-container > .after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
    to {
        box-shadow: 234px -169.6666666667px #00fff2,
            204px -169.6666666667px #00ff1a, -82px 12.3333333333px #00ff04,
            -59px 6.3333333333px #00b7ff, -123px -236.6666666667px #0091ff,
            153px -300.6666666667px #0033ff, 197px -191.6666666667px #f2ff00,
            -9px -143.6666666667px #ff3300, 118px -52.6666666667px #9dff00,
            -161px -222.6666666667px #9100ff, -166px 78.3333333333px #00ffbf,
            135px -227.6666666667px #00ffa6, 215px -307.6666666667px #ff00bb,
            79px -169.6666666667px #00ff1e, -76px -60.6666666667px #c400ff,
            80px -109.6666666667px #00eeff, -156px -258.6666666667px #ffd000,
            -36px -324.6666666667px #3300ff, -3px 13.3333333333px #ff3c00,
            211px -124.6666666667px #0011ff, -35px 61.3333333333px #ea00ff,
            32px 43.3333333333px #ff2f00, -138px -240.6666666667px #0080ff,
            -111px -188.6666666667px #e1ff00,
            -25px -257.6666666667px deepskyblue, 161px -65.6666666667px #00ff62,
            -100px 52.3333333333px #fff700, 186px -382.6666666667px #91ff00,
            -65px 73.3333333333px #ff0051, -224px -285.6666666667px #ff0084,
            -186px -131.6666666667px #1aff00, -65px -249.6666666667px #ff3700,
            145px 75.3333333333px #00ffa2, -214px -110.6666666667px #ff00c8,
            63px -170.6666666667px #0059ff, -224px -69.6666666667px #9500ff,
            -140px -350.6666666667px #00ff8c, -229px -260.6666666667px #ff1100,
            -126px -386.6666666667px #00f7ff, 124px 42.3333333333px #ff00ea,
            -230px -395.6666666667px #ff0026, -207px 14.3333333333px #00d9ff,
            -138px -289.6666666667px #ff006a, -211px 60.3333333333px #00ff6a,
            217px -195.6666666667px #44ff00, -98px -216.6666666667px #95ff00,
            -53px -351.6666666667px #00d0ff, 24px -185.6666666667px #5900ff,
            128px -412.6666666667px #ff1500, 149px 77.3333333333px #ff00b3,
            12px -93.6666666667px #26ff00;
    }
}
@-moz-keyframes bang {
    to {
        box-shadow: 234px -169.6666666667px #00fff2,
            204px -169.6666666667px #00ff1a, -82px 12.3333333333px #00ff04,
            -59px 6.3333333333px #00b7ff, -123px -236.6666666667px #0091ff,
            153px -300.6666666667px #0033ff, 197px -191.6666666667px #f2ff00,
            -9px -143.6666666667px #ff3300, 118px -52.6666666667px #9dff00,
            -161px -222.6666666667px #9100ff, -166px 78.3333333333px #00ffbf,
            135px -227.6666666667px #00ffa6, 215px -307.6666666667px #ff00bb,
            79px -169.6666666667px #00ff1e, -76px -60.6666666667px #c400ff,
            80px -109.6666666667px #00eeff, -156px -258.6666666667px #ffd000,
            -36px -324.6666666667px #3300ff, -3px 13.3333333333px #ff3c00,
            211px -124.6666666667px #0011ff, -35px 61.3333333333px #ea00ff,
            32px 43.3333333333px #ff2f00, -138px -240.6666666667px #0080ff,
            -111px -188.6666666667px #e1ff00,
            -25px -257.6666666667px deepskyblue, 161px -65.6666666667px #00ff62,
            -100px 52.3333333333px #fff700, 186px -382.6666666667px #91ff00,
            -65px 73.3333333333px #ff0051, -224px -285.6666666667px #ff0084,
            -186px -131.6666666667px #1aff00, -65px -249.6666666667px #ff3700,
            145px 75.3333333333px #00ffa2, -214px -110.6666666667px #ff00c8,
            63px -170.6666666667px #0059ff, -224px -69.6666666667px #9500ff,
            -140px -350.6666666667px #00ff8c, -229px -260.6666666667px #ff1100,
            -126px -386.6666666667px #00f7ff, 124px 42.3333333333px #ff00ea,
            -230px -395.6666666667px #ff0026, -207px 14.3333333333px #00d9ff,
            -138px -289.6666666667px #ff006a, -211px 60.3333333333px #00ff6a,
            217px -195.6666666667px #44ff00, -98px -216.6666666667px #95ff00,
            -53px -351.6666666667px #00d0ff, 24px -185.6666666667px #5900ff,
            128px -412.6666666667px #ff1500, 149px 77.3333333333px #ff00b3,
            12px -93.6666666667px #26ff00;
    }
}
@-o-keyframes bang {
    to {
        box-shadow: 234px -169.6666666667px #00fff2,
            204px -169.6666666667px #00ff1a, -82px 12.3333333333px #00ff04,
            -59px 6.3333333333px #00b7ff, -123px -236.6666666667px #0091ff,
            153px -300.6666666667px #0033ff, 197px -191.6666666667px #f2ff00,
            -9px -143.6666666667px #ff3300, 118px -52.6666666667px #9dff00,
            -161px -222.6666666667px #9100ff, -166px 78.3333333333px #00ffbf,
            135px -227.6666666667px #00ffa6, 215px -307.6666666667px #ff00bb,
            79px -169.6666666667px #00ff1e, -76px -60.6666666667px #c400ff,
            80px -109.6666666667px #00eeff, -156px -258.6666666667px #ffd000,
            -36px -324.6666666667px #3300ff, -3px 13.3333333333px #ff3c00,
            211px -124.6666666667px #0011ff, -35px 61.3333333333px #ea00ff,
            32px 43.3333333333px #ff2f00, -138px -240.6666666667px #0080ff,
            -111px -188.6666666667px #e1ff00,
            -25px -257.6666666667px deepskyblue, 161px -65.6666666667px #00ff62,
            -100px 52.3333333333px #fff700, 186px -382.6666666667px #91ff00,
            -65px 73.3333333333px #ff0051, -224px -285.6666666667px #ff0084,
            -186px -131.6666666667px #1aff00, -65px -249.6666666667px #ff3700,
            145px 75.3333333333px #00ffa2, -214px -110.6666666667px #ff00c8,
            63px -170.6666666667px #0059ff, -224px -69.6666666667px #9500ff,
            -140px -350.6666666667px #00ff8c, -229px -260.6666666667px #ff1100,
            -126px -386.6666666667px #00f7ff, 124px 42.3333333333px #ff00ea,
            -230px -395.6666666667px #ff0026, -207px 14.3333333333px #00d9ff,
            -138px -289.6666666667px #ff006a, -211px 60.3333333333px #00ff6a,
            217px -195.6666666667px #44ff00, -98px -216.6666666667px #95ff00,
            -53px -351.6666666667px #00d0ff, 24px -185.6666666667px #5900ff,
            128px -412.6666666667px #ff1500, 149px 77.3333333333px #ff00b3,
            12px -93.6666666667px #26ff00;
    }
}
@-ms-keyframes bang {
    to {
        box-shadow: 234px -169.6666666667px #00fff2,
            204px -169.6666666667px #00ff1a, -82px 12.3333333333px #00ff04,
            -59px 6.3333333333px #00b7ff, -123px -236.6666666667px #0091ff,
            153px -300.6666666667px #0033ff, 197px -191.6666666667px #f2ff00,
            -9px -143.6666666667px #ff3300, 118px -52.6666666667px #9dff00,
            -161px -222.6666666667px #9100ff, -166px 78.3333333333px #00ffbf,
            135px -227.6666666667px #00ffa6, 215px -307.6666666667px #ff00bb,
            79px -169.6666666667px #00ff1e, -76px -60.6666666667px #c400ff,
            80px -109.6666666667px #00eeff, -156px -258.6666666667px #ffd000,
            -36px -324.6666666667px #3300ff, -3px 13.3333333333px #ff3c00,
            211px -124.6666666667px #0011ff, -35px 61.3333333333px #ea00ff,
            32px 43.3333333333px #ff2f00, -138px -240.6666666667px #0080ff,
            -111px -188.6666666667px #e1ff00,
            -25px -257.6666666667px deepskyblue, 161px -65.6666666667px #00ff62,
            -100px 52.3333333333px #fff700, 186px -382.6666666667px #91ff00,
            -65px 73.3333333333px #ff0051, -224px -285.6666666667px #ff0084,
            -186px -131.6666666667px #1aff00, -65px -249.6666666667px #ff3700,
            145px 75.3333333333px #00ffa2, -214px -110.6666666667px #ff00c8,
            63px -170.6666666667px #0059ff, -224px -69.6666666667px #9500ff,
            -140px -350.6666666667px #00ff8c, -229px -260.6666666667px #ff1100,
            -126px -386.6666666667px #00f7ff, 124px 42.3333333333px #ff00ea,
            -230px -395.6666666667px #ff0026, -207px 14.3333333333px #00d9ff,
            -138px -289.6666666667px #ff006a, -211px 60.3333333333px #00ff6a,
            217px -195.6666666667px #44ff00, -98px -216.6666666667px #95ff00,
            -53px -351.6666666667px #00d0ff, 24px -185.6666666667px #5900ff,
            128px -412.6666666667px #ff1500, 149px 77.3333333333px #ff00b3,
            12px -93.6666666667px #26ff00;
    }
}
@keyframes bang {
    to {
        box-shadow: 234px -169.6666666667px #00fff2,
            204px -169.6666666667px #00ff1a, -82px 12.3333333333px #00ff04,
            -59px 6.3333333333px #00b7ff, -123px -236.6666666667px #0091ff,
            153px -300.6666666667px #0033ff, 197px -191.6666666667px #f2ff00,
            -9px -143.6666666667px #ff3300, 118px -52.6666666667px #9dff00,
            -161px -222.6666666667px #9100ff, -166px 78.3333333333px #00ffbf,
            135px -227.6666666667px #00ffa6, 215px -307.6666666667px #ff00bb,
            79px -169.6666666667px #00ff1e, -76px -60.6666666667px #c400ff,
            80px -109.6666666667px #00eeff, -156px -258.6666666667px #ffd000,
            -36px -324.6666666667px #3300ff, -3px 13.3333333333px #ff3c00,
            211px -124.6666666667px #0011ff, -35px 61.3333333333px #ea00ff,
            32px 43.3333333333px #ff2f00, -138px -240.6666666667px #0080ff,
            -111px -188.6666666667px #e1ff00,
            -25px -257.6666666667px deepskyblue, 161px -65.6666666667px #00ff62,
            -100px 52.3333333333px #fff700, 186px -382.6666666667px #91ff00,
            -65px 73.3333333333px #ff0051, -224px -285.6666666667px #ff0084,
            -186px -131.6666666667px #1aff00, -65px -249.6666666667px #ff3700,
            145px 75.3333333333px #00ffa2, -214px -110.6666666667px #ff00c8,
            63px -170.6666666667px #0059ff, -224px -69.6666666667px #9500ff,
            -140px -350.6666666667px #00ff8c, -229px -260.6666666667px #ff1100,
            -126px -386.6666666667px #00f7ff, 124px 42.3333333333px #ff00ea,
            -230px -395.6666666667px #ff0026, -207px 14.3333333333px #00d9ff,
            -138px -289.6666666667px #ff006a, -211px 60.3333333333px #00ff6a,
            217px -195.6666666667px #44ff00, -98px -216.6666666667px #95ff00,
            -53px -351.6666666667px #00d0ff, 24px -185.6666666667px #5900ff,
            128px -412.6666666667px #ff1500, 149px 77.3333333333px #ff00b3,
            12px -93.6666666667px #26ff00;
    }
}
@-webkit-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}
@-moz-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}
@-o-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}
@-ms-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}
@keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}
@-webkit-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}
@-moz-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}
@-o-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}
@-ms-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}
@keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}
.icon-bronze{
    color: #CD7F32;
}
.icon-silver{
    color: #C0C0C0;
}
.icon-gold{
    color: #ffab00 !important;
}