body{
    background-image: url("images/space.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    font-family: arial,sans-serif;
    margin: 0;
    min-height: 100vh;
}
header{
    text-align: center;
    padding: 80px 20px;
}
h1{
    font-size: 60px;
    color: #66ccff;
    margin-bottom: 10px;
}
.subtitle{
    font-size: 20px;
    color: white;
}
.rocket{
    width:120px;
    animation: float 3s infinite;
}
.card {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 20px;
    border-radius: 15px;
    width: 80%;
    margin: 30px auto;
    transition: 0.3s;
}
.card:hover{
        transform: scale(1.02);
    }
nav{
text-align:center;
padding:20px;
background:rgba(0,0,0,.5);
}
 a{

color:white;

text-decoration:none;

margin:20px;

font-weight:bold;

}
a:hover{
    color:#66ccff ;
}
@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-20px);

}

100%{

transform:translateY(0);

}

}
footer{
    text-align: center;
    padding: 20px;
    color: white;
}