body{
margin:0;
font-family:Arial;
color:white;
height:100vh;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
}

.background{
position:fixed;
width:100%;
height:100%;
background:linear-gradient(270deg,#0f2027,#203a43,#2c5364,#1c92d2);
background-size:800% 800%;
animation:gradient 15s ease infinite;
z-index:-1;
}

@keyframes gradient{
0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}
}

.container{
text-align:center;
animation:fadeIn 2s ease;
}

.title{
font-size:60px;
margin-bottom:10px;
}

.subtitle{
font-size:28px;
color:#ffd700;
margin-bottom:40px;
}

button{
padding:15px 35px;
font-size:18px;
border:none;
border-radius:40px;
cursor:pointer;
background:#ffd700;
transition:0.4s;
}

button:hover{
background:white;
transform:scale(1.1);
}

@keyframes fadeIn{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:translateY(0);
}
}