body { margin: 0; min-height: 100vh; display: flex; justify-content: center; align-items: center; /*picser image*/ background-image: url('https://cdn.jsdelivr.net/gh/free-whiteboard-online/Free-Erasorio-Alternative-for-Collaborative-Design@ede7b34b67649f865fc74a908b57d080ed5aa189/uploads/2025-08-29T20-16-02-336Z-3umaufr34.jpeg'); background-size:cover; background-position:top center; background-repeat: no-repeat; font-family: Arial, sans-serif; } /* White sheet in the center */ .page { background: #ffffff; /* solid white */ padding: 3rem; border-radius: 8px; border-color: rgb(255, 0, 0); border-style: solid; max-width: 800px; height: 700px; width:80%; /* responsive */ box-shadow: 10px 10px 10px rgb(255, 11, 11); transition: box-shadow 1s ease, transform 0s ease; } /* Glow effect on hover */ .page:hover { box-shadow: 0 0 2240px rgb(0, 0, 0), 0 0 80px rgb(255, 255, 255); transform: scale(1.02); /* subtle pop-up */ } .quote { font-family: "Noto Serif Devanagari", serif; /* हिंदी के लिए अच्छा फ़ॉन्ट */ font-size: 22px; font-weight: bold; text-align: center; color: #222; padding: 20px; margin: 30px auto; max-width: 600px; border-left: 4px solid #e44c30; /* कोट स्टाइल */ background: #f9f9f9; border-radius: 8px; } .quote p { margin: 0; font-style: italic; } .quote .author { display: block; margin-top: 10px; font-size: 18px; font-weight: normal; color: #555; }