body{
font-family:Arial;
background:linear-gradient(120deg,#1e3c72,#2a5298);
text-align:center;
margin:0;
color:white;
}

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

.container{
margin-top:40px;
}

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

button{
padding:10px 20px;
margin-left:10px;
border:none;
border-radius:6px;
cursor:pointer;
transition:0.3s;
}

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

canvas{
margin-top:30px;
background:white;
border-radius:10px;
}

footer{
margin-top:40px;
padding:15px;
background:#00000040;
}