body{
    margin:0;
    background:#000;
    font-family:Roboto, sans-serif;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    min-height:100vh;
}

.logo img{
    height:65%;
    margin-bottom:40px;
}

.coming-soon{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
	
	overflow: visible;

    width:700px;
    height:180px;
}

h1{
    position:relative;
    color:white;
    font-size:4rem;
    letter-spacing:.25em;
    z-index:2;
}

.nebula{
    position:absolute;
    inset:0;
    filter:blur(45px);
}

.nebula1{
    background:
        radial-gradient(circle at 30% 45%, rgba(255,30,30,.45), transparent 35%),
        radial-gradient(circle at 70% 55%, rgba(180,0,0,.40), transparent 40%),
        radial-gradient(circle at 50% 50%, rgba(255,0,0,.25), transparent 50%);

    animation:nebula1 3s ease-in-out infinite alternate;
	
	mix-blend-mode: screen;
opacity: .9;
}

.nebula2{
    background:
    radial-gradient(circle at 65% 35%, rgba(80,0,0,.45), transparent 30%),
    radial-gradient(circle at 35% 65%, rgba(40,0,0,.50), transparent 35%),
    radial-gradient(circle at 50% 45%, rgba(100,0,0,.35), transparent 45%);

    filter:blur(60px);

    animation:nebula2 7s ease-in-out infinite alternate-reverse;
	
	mix-blend-mode: lighten;
	transform: scale(1.35);
opacity: .45;
}

.nebula3{
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at 30% 45%, rgba(255,30,30,.45), transparent 35%),
        radial-gradient(circle at 70% 55%, rgba(180,0,0,.40), transparent 40%),
        radial-gradient(circle at 50% 50%, rgba(255,0,0,.25), transparent 50%),
        radial-gradient(circle at 45% 60%, rgba(255,90,90,.30), transparent 30%);

    filter:blur(45px);
    animation:nebula 3s ease-in-out infinite alternate;
}

@keyframes nebula1{

    0%{
        transform:translate(0,0) scale(1) rotate(0deg);
    }

    50%{
        transform:translate(25px,-15px) scale(1.12) rotate(5deg);
    }

    100%{
        transform:translate(-20px,20px) scale(.95) rotate(-5deg);
    }

}

@keyframes nebula2{

    0%{
        transform:translate(0,0) scale(1.05) rotate(0deg);
    }

    50%{
        transform:translate(-30px,15px) scale(.90) rotate(-7deg);
    }

    100%{
        transform:translate(20px,-25px) scale(1.10) rotate(7deg);
    }

}

@keyframes nebula3{

    0%{
        transform:
            scale(1)
            rotate(0deg);
    }

    50%{
        transform:
            scale(1.15)
            rotate(6deg)
            translate(30px,-20px);
    }

    100%{
        transform:
            scale(.95)
            rotate(-6deg)
            translate(-35px,20px);
    }

}