/* Mini Tailwind-like classes (offline) */
body { font-family: sans-serif; margin: 0; text-align: center;}
.p-10 { padding: 2.5rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.font-bold { font-weight: 700; }
.mb-4 { margin-bottom: 1rem; }
.mt-4 { margin-top: 1rem;}
.mt-6 { margin-top: 1.5rem; }
.w-96 { width: 35rem; }
.w-97 { width: 60rem; }
.w-98 { width: 65rem; }
.w-60 { width: 15rem; }
.w-61 { width: 40rem; border-style: dashed; border-width: 1px;}
.text-white { color: white; }
.text-blue-700 { color: #1d4ed8; }
.text-red-500 { color: #ef4444; }
.bg-blue-500 { background-color: #3b82f6; }
.bg-green-500 { background-color: #10b981; }
.bg-purple-500 { background-color: #8b5cf6; }
.bg-red-500 { background-color: #ef4444; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.rounded { border-radius: 0.25rem; }
.inline-block { display: inline-block; }
.mr-2 { margin-right: 0.5rem; }
.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.gap-2 { gap: 0.5rem; }
.underline { text-decoration: underline; }
.border-4 { border-width: 4px; }
.border-red-400 { border-color: #f87171; }
#buttons {text-align: center;display: inline-block;}
#image-container {display: inherit;}