Author: ajee10x

app/static/css/style.css

@@ -0,0 +1,57 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: {{ bgColor }};
+    color: {{ textColor }};
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
+
+.card {
+    background-color: {{ cardColor }};
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    width: 90%;
+    max-width: 800px;
+    padding: 20px;
+    text-align: center;
+}
+
+h1 {
+    color: {{ chartColor }};
+    font-size: 2.5rem;
+    margin-bottom: 1rem;
+}
+
+.stat {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px 0;
+    font-size: 1.2rem;
+    border-bottom: 1px solid #e0e0e0;
+}
+
+.stat span:last-child {
+    font-weight: bold;
+}
+
+.chart {
+    margin-top: 20px;
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+    background-color: {{ chartColor }};
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 20px auto;
+}
+
+.grade {
+    font-size: 2.5rem;
+    font-weight: bold;
+    color: {{ chartTextColor }};
+}