AlvesS077/SmartPlate

1body {
2    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
3    background: #f2f6ff;
4    margin: 0;
5    padding: 0;
6    display: flex;
7    justify-content: center;
8    align-items: center;
9    min-height: 100vh;
10  }
11  
12  .container {
13    background: #ffffff;
14    padding: 2rem;
15    border-radius: 16px;
16    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
17    width: 90%;
18    max-width: 400px;
19    text-align: center;
20  }
21  
22  h1 {
23    color: #3a3a8c;
24    margin-bottom: 0.5rem;
25  }
26  
27  p {
28    color: #555;
29    margin-bottom: 1.5rem;
30  }
31  
32  .upload-box {
33    border: 2px dashed #6a5acd;
34    border-radius: 10px;
35    padding: 1rem;
36    background-color: #f0f0ff;
37    margin-bottom: 1rem;
38    cursor: pointer;
39  }
40  
41  .upload-box label {
42    display: block;
43    color: #4a47a3;
44    font-weight: bold;
45    cursor: pointer;
46  }
47  
48  .upload-box input {
49    display: none;
50  }
51  
52  .submit-btn {
53    background-color: #4a47a3;
54    color: #fff;
55    border: none;
56    padding: 0.75rem 1.5rem;
57    font-size: 1rem;
58    border-radius: 8px;
59    cursor: pointer;
60    margin-bottom: 1rem;
61    transition: background-color 0.3s ease;
62  }
63  
64  .submit-btn:hover {
65    background-color: #3a3794;
66  }
67  
68  .result {
69    text-align: left;
70    color: #333;
71  }
72  
73  .result h2 {
74    color: #3a3a8c;
75  }
76  
77  .result ul {
78    list-style-type: none;
79    padding-left: 0;
80  }
81  
82  .result li {
83    margin-bottom: 0.5rem;
84  }