body {
font-family: 'Inter', sans-serif;
background-color: #f3ff6;
}
canvas {
touch-action: none; /* Prevents default touch gestures like scrolling */
background-color: white;
border: 2px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
max-width: 100%;
}
.feed-item {
border: 1px solid #e5e7eb;
border-radius: 12px;
overflow: hidden;
background-color: white;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
transition: transform 0.2s ease-in-out;
}
.feed-item:hover {
transform: translateY(-2px);
}
.message-box {
top: 20px;
right: 20px;
z-index: 1000;
}