html,
body {
    background-color: #000;
}

.container {
    width: 100%;
    height: calc(100vh - 5vh);
    background: url(../images/bg.png) no-repeat;
    background-size: 100% 100%;
    background-color: #000;
    position: relative;
}

.container .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.71rem;
}

.container .logo .light2 {
    position: absolute;
    bottom: 0.2rem;
    right: -.6rem;
    width: 1.1rem;
    height: 1.1rem;
    animation: light 5s 1 0s;
    transform: rotateZ(-50deg);
    opacity: 0;
}

.container .logo .light2 img {
    width: 100%;
    height: 100%;
}

.container .logo img {
    position: relative;
    z-index: 1;
}

.container .icon {
    position: absolute;
    width: 2rem;
}

.container .icon img {
    position: relative;
    z-index: 1;
}

.container .icon0 {
    top: 8vh;
    left: 0.83rem;
    width: 1.11rem;
}

.c1 {
    position: absolute;
    opacity: 0;
}

.container .icon0 .light2 {
    position: absolute;
    top: 0.1rem;
    right: -.7rem;
    width: 1.1rem;
    height: 1.1rem;
    animation: light 5s 1 5s;
    transform: rotateZ(-50deg);
    opacity: 0;
}

.container .icon0 .light2 img {
    width: 100%;
    height: 100%;
}

.container .icon0 img {
    position: relative;
    z-index: 1;
}

.container .icon2 {
    top: 4vh;
    left: 2.75rem;
}

.container .icon3 {
    top: 4vh;
    left: 5.2rem;
}

.container .icon4 {
    top: 18vh;
    left: 1.9rem;
}

.container .icon5 {
    top: 19vh;
    left: 3.87rem;
    width: 1.6rem;
}

.container .icon6 {
    top: 35vh;
    left: 0.35rem;
}

.container .icon7 {
    top: 35vh;
    left: 5.1rem;
}

.container .icon8 {
    top: 54vh;
    left: 0rem;
}

.container .icon9 {
    top: 54vh;
    right: 0.2rem;
}

.container .icon10 {
    top: 63vh;
    left: 1.65rem;
}

.container .icon11 {
    top: 64vh;
    left: 3.65rem;
}

.container .icon12 {
    top: 76vh;
    left: .35rem;
}

.container .icon13 {
    top: 78vh;
    left: 2.75rem;
}

@keyframes light {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes light2 {
    0% {
        opacity: 0;
        transform: scale(3);
        transform-origin: center;
    }
    25% {
        opacity: 0.05;
        transform: scale(5);
        transform-origin: center;
    }
    50% {
        opacity: 0.1;
        transform: scale(7);
        transform-origin: center;
    }
    75% {
        opacity: .05;
        transform: scale(5);
        transform-origin: center;
    }
    100% {
        opacity: 0;
        transform: scale(3);
        transform-origin: center;
    }
}