/* Glitter Midnight Diary — Style.css */

body { margin: 0; font-family: 'Trebuchet MS', sans-serif; background: #ffe6f4; color: #4a2b3d; }

/* Sidebar */ .sidebar { position: fixed; left: 0; top: 0; height: 100%; width: 230px; background: #ffcae6; border-right: 2px solid #f2a4d7; padding: 30px 20px; box-sizing: border-box; box-shadow: 3px 0 6px rgba(0,0,0,0.1); }

.sidebar h1 { font-size: 22px; margin-bottom: 20px; font-weight: bold; color: #b0307c; text-shadow: 0px 0px 4px #ffffff; }

.sidebar a { display: flex; align-items: center; gap: 8px; text-decoration: none; color: #7b3f62; font-size: 16px; padding: 8px 0; transition: 0.2s; }

.sidebar a:hover { color: #b0307c; transform: translateX(4px); }

.icon { width: 20px; height: 20px; filter: drop-shadow(0 0 3px #fff); }

/* Main content */ .content { margin-left: 260px; padding: 40px; }

.title { font-size: 32px; margin-bottom: 10px; color: #b0307c; text-shadow: 0 0 5px #fff; }

.subtitle { font-size: 18px; color: #7b3f62; margin-bottom: 20px; }

.card { background: white; padding: 20px; border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.08); border: 1px solid #f6c4e0; max-width: 700px; }