*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Times New Roman", Times, serif;
}
body{
    padding: 50px;
    background-color: #000410;
    color: #f3f9f6;
}
p{
    font-size: 3rem;
    text-align: center;
    padding: 60px;
    z-index: 150;
}
.container{
    width: 1280px;  /*HD*/
    height: 720px;
  /*  width: 1920px; !* Full HD*!
    height: 1080px;*/
    position: absolute;
    overflow: hidden;
    /*border: 2px solid black;*/
}
.container > div{
    position: absolute;
    height: 100%;
    width: 100%;

    display: flex;
    justify-content: center;
    justify-items: center;
    overflow: hidden;
}
.container > div > img{
    position: absolute;
    height: 100%;
    width: 100%;
}
.container > div > p{
    padding-top: 40%;
    color: white;
    overflow: hidden;
}
.text_top{
    padding-top: 10% !important;
}
.text_mid{
    padding-top: 20% !important;
}
.text{
    opacity: 0;
}
.text14, .text15, .text01, .text1{
    background-color: black;
}
.img{
    opacity: 0;
}
.img0-1{
    opacity: 1;
}
/*.img0-1{
    opacity: 1;
    background-color: white;
    display: block !important;
    padding: 30px 200px 0;
}
.logo-text{
    max-width: 530px;
    max-height: 670px;
    position: relative;
}*/
svg{
 max-height: 720px;
    position: absolute;
    left: 550px;
    top: 20px;
}
.img3-2{
    transform: scale(.1);
    bottom: -20px;
    left: -30px;
}
#rain{
    opacity: 1;
}
body #rain {
    opacity: 0;
    z-index: 70;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
body #rain .raindrop {
    background: linear-gradient(190deg, rgba(0, 0, 0, 0.1) 0%, #f3f9f6 100%);
    width: 1px;
    height: 69px;
    position: absolute;
    bottom: 200px;
    z-index: 70;
    animation: fall 1.2s linear infinite;
}
@keyframes fall {
    to {
        margin-top: 900px; }
}

body .text {
    animation: glow 1.5s ease-in-out infinite alternate; }

@keyframes glow {
    from {
        text-shadow: 0px 0px 2px #0d1059, 0 0 5px #fff, 0 0 10px #1baaf7, 0 0 20px #1baaf7, 0 0 30px #1baaf7, 0 0 40px #1baaf7, 0 0 50px #1baaf7, 0 0 60px #1baaf7; }
    to {
        text-shadow: 0px 0px 5px #0d1059, 0 0 20px #fff, 0 0 30px #1baaf7, 0 0 40px #1baaf7, 0 0 50px #1baaf7, 0 0 60px #1baaf7, 0 0 70px #1baaf7, 0 0 100px #1baaf7; }
}

body .light1 {
    width: 30px;
    height: 30px;
    background-color: #efdaae;
    border-radius: 50%;
    opacity: .4;
    box-shadow: 0 0 20px 30px #efdaae;
    position: relative;
    left: -75px;
    bottom: -500px;
    z-index: 100;
    animation: glowlight 1.5s ease-out infinite alternate;
}
body .light3 {
    width: 30px;
    height: 30px;
    background-color: #D09D37;
    border-radius: 50%;
    opacity: .5;
    box-shadow: 0 0 20px 30px #D09D37;
    position: relative;
    left: -75px;
    bottom: -500px;
    z-index: 75;
    animation: glowlight3 2s ease-out infinite alternate;
}
body .light2 {
    width: 120px;
    height: 120px;
    background-color: #b78437;
    border-radius: 50%;
    opacity: .3;
    box-shadow: 0 0 20px 30px #b78437;
    position: relative;
    left: -75px;
    bottom: -450px;
    z-index: 50;
    animation: glowlight2 1.8s ease-in infinite alternate;
}
@keyframes glowlight {
    from {
        box-shadow:    0 0 5px 5px #efdaae
    }
    to {
        box-shadow:    0 0 20px 30px #efdaae
    }
}
@keyframes glowlight2 {
    from {
        box-shadow:    0 0 5px 5px #b78437
    }
    to {
        box-shadow:    0 0 20px 30px #b78437
    }
}
@keyframes glowlight3 {
    from {
        box-shadow:    0 0 5px 5px #D09D37
    }
    to {
        box-shadow:    0 0 20px 30px #D09D37
    }
}