@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

*{
    margin:0;
    padding:0;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
    overflow: hidden;
}
.container{
    width:100vw;
    height: 100vh;
    background: url(comingsoon-images/bg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}
.logo{
    display: inline-block;
    cursor:pointer;
    margin:20px;
    color:#555;
}
.content{
    top:50%;
    position:absolute;
    transform:translateY(-50%);
    text-align: center;
    color:#555;
    width:90%;
    margin:0 5%;
    z-index: 1;
}
.content h2{
    font-size: 64px;
    font-weight: 600;
}
.content span{
color:rosybrown;
}
.launch-time{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.launch-time div{
    flex-basis: 100px;
    background:#FFF;
    border:1px solid #e9e9e9;
    border-radius: 4px;
    padding:4px

}
.launch-time div p{
    font-size: 60px;
    margin-bottom: -14px;
}
.rocket{
    width:250px;
    position:absolute;
    right:10%;
    bottom:0;
    animation:rocket 4s linear infinite;
}

@keyframes rocket {
    0%{
        left:0;
        bottom:0;
        opacity: 0;
    }
    70%{
        opacity: .3;
    }
    100%{
        left:105%;
        bottom:105%;
        opacity: .7;
    }
}