* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*animation css*/

.animation-logo {
    background-image: url("../images/main/animation-logo.png");
    background-size: 100% 100%;
    opacity: 0;
}

.animation-oval-light {
    background-image: url("../images/main/animation-oval.png");
    background-size: 100% 100%;
    opacity: 0.5;
}

.animation-oval-deep {
    background-image: url("../images/main/animation-oval2.png");
    background-size: 100% 100%;
    opacity: 0.5;
}

.animation-heart {
    background-image: url("../images/main/animation-heart.png");
    background-size: 100% 100%;
    opacity: 0;
}

.animation-text {
    background-image: url("../images/main/animation-text.png");
    background-size: 100% 100%;
    opacity: 0;
}

.animation-text-logo {
    background-image: url("../images/main/animation-text-logo.png");
    background-size: 100% 100%;
    opacity: 0;
}

.light-zero {
    background-image: url("../images/main/light-zero.png");
    background-size: 100% 100%;
}

.light-one {
    background-image: url("../images/main/light-one.png");
    background-size: 100% 100%;
}

.deep-zero {
    background-image: url("../images/main/deep-zero.png");
    background-size: 100% 100%;
}

.deep-one {
    background-image: url("../images/main/deep-one.png");
    background-size: 100% 100%;
}

.zero {
    background-image: url("../images/main/zero.png");
    background-size: 100% 100%;
}

.one {
    background-image: url("../images/main/one.png");
    background-size: 100% 100%;
}

.diagonal-line {
    background-image: url("../images/main/diagonal-line.png");
    background-size: 100% 100%;
}