body{
margin:0;
padding:0;
background:black;
overflow:hidden;
font-family:Arial;
color:white;
height:100vh;
}

#terminal{
position:absolute;
width:100%;
height:100%;
background:#000;
padding:30px;
color:#00ff66;
font-size:22px;
font-family:monospace;
}

#birthdayCard{

display:none;

position:absolute;

top:50%;
left:50%;

transform:translate(-50%,-50%);

width:85%;

max-width:500px;

text-align:center;

padding:30px;

border-radius:25px;

backdrop-filter:blur(20px);

background:rgba(255,255,255,0.1);

box-shadow:0 0 30px #ff4d6d;

animation:fade 1.5s;
}

h1{
color:#ff4d6d;
}

.cake{
font-size:70px;
animation:bounce 1s infinite;
}

button{

padding:15px;

border:none;

border-radius:30px;

font-size:18px;

cursor:pointer;

margin-top:20px;
}

@keyframes bounce{

50%{
transform:translateY(-10px)
}

}

@keyframes fade{

from{
opacity:0;
transform:translate(-50%,-40%);
}

to{
opacity:1;
transform:translate(-50%,-50%);
}

}

.heart{

position:absolute;

font-size:25px;

animation:float 5s linear infinite;
}

@keyframes float{

0%{
transform:translateY(100vh)
}

100%{
transform:translateY(-100px)
}

}