body {
 font-family: Arial, sans-serif;
 max-width: 900px;
 width: 900px;
 margin: 0 auto;
 padding: 20px;
}

.upload-container {
 border: 2px dashed #ccc;
 padding: 20px;
 text-align: center;
 margin-bottom: 20px;
}

#preview {
 border: 2px solid gray;
/* max-width: 900px;*/
 width: 860px;
 margin-top: 20px;
 display: none;
}

#result {
 border: 2px solid gray;
 max-width: 860px;
 width: 860px;
 margin-top: 20px;
/* text-align: center;*/
 display: none;
}

#loading {
 display: none;
 text-align: center;
 margin: 20px 0;
 width: 860px;
}

#details {
 display: none;
 text-align: center;
 margin: 20px 0;
 width: 860px;
}

.spinner {
 border: 5px solid #f3f3f3;
 border-top: 5px solid #3498db;
 border-radius: 50%;
 width: 50px;
 height: 50px;
 animation: spin 1s linear infinite;
 margin: 0 auto;
        }

@keyframes spin {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}

.btn {
 background-color: #4CAF50;
 color: white;
 padding: 5px 10px;
 border: none;
 cursor: pointer;
 font-size: 16px;
 border-radius: 4px;
}

.btn:hover {
 background-color: #45a049;
}