Spaces:
Configuration error
Configuration error
body { | |
font-family: Arial, sans-serif; | |
margin: 0; | |
padding: 20px; | |
background-image: url('https://img.freepik.com/free-vector/emoticons-with-empty-space-background_79603-1023.jpg'); | |
background-size: cover; | |
background-position: center; | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
height: 100vh; | |
} | |
.container { | |
max-width: 600px; | |
background-color: rgba(255, 255, 255, 0.8); | |
padding: 20px; | |
border-radius: 10px; | |
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | |
} | |
h1 { | |
text-align: center; | |
} | |
.upload-btn { | |
display: block; | |
margin: 20px auto; | |
padding: 10px 20px; | |
background-color: #007bff; /* Blue button */ | |
color: #fff; /* White text */ | |
border: none; | |
border-radius: 5px; | |
cursor: pointer; | |
transition: background-color 0.3s; | |
} | |
.upload-btn:hover { | |
background-color: #0056b3; /* Darker blue on hover */ | |
} | |