style.css

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family: 'Poppins', sans-serif;
    width: 100vw;
    height: 100vh;
    background: url(https://kq-storage.s3.ap-south-1.amazonaws.com/Github/astronaut/sky-moon-bg%5B1%5D.png);
    background-size: 100% 100%;
}
#astronaut1{
    position: absolute;
    top: 5%;
    left: 5%;
    height: 500px;
    animation: floating 5s infinite ease-in;
}

#astronaut2{
    position: absolute;
    top: 30%;
    left: 30%;
    height: 425px;
    animation: floating 4s infinite ease-in;
}

@keyframes floating {
    0%{
    transform: translatey(0px);
    }
    50%{
        transform: translatey(38px);
    }    
}
form{
    position: absolute;
    top: 15%;
    left: 65%;
    background-color: whitesmoke;
    width: 450px;
    padding: 0px 75px;
    border-radius: 5px;
}
.block-display{
    display: block;
}
label{
    font-size: 16px;
    margin: 20px 0px 4px 0px;
}
input[ type="number"],input[type="text"],select{
    width: 300ppx;
    height: 40px;
    border: 1px solid black;
    padding: 0 5px;
}

.rent-label{
    margin-left: 10px;
    }
    
#button{
    display: block;
    border-radius: 20px;
    background-color: #ec7920;
    border: none;
    padding: 15px 20px;
    margin: 40px auto;
}

h1{
    text-align: center;
    margin: 20px auto;
    font-size: 1.6em;
    width: 280px;
}