body{
font-family: Arial;
background: linear-gradient(120deg,#667eea,#764ba2);
margin:0;
color:white;
text-align:center;
}

header{
padding:20px;
background:#00000030;
}

.container{
margin-top:40px;
}

input{
padding:10px;
margin:10px;
font-size:18px;
border:none;
border-radius:5px;
}

.buttons{
margin-top:20px;
}

button{
padding:12px 18px;
margin:10px;
border:none;
border-radius:8px;
font-size:16px;
cursor:pointer;
transition:0.3s;
}

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

#result{
margin-top:30px;
font-size:28px;
animation:fade 1s;
}

footer{
margin-top:60px;
padding:15px;
background:#00000030;
}

@keyframes fade{
from{opacity:0}
to{opacity:1}
}