✦ ✧ ⋆ ☾

🌙 MoonLibrary

A cozy corner of the internet for book lovers

Welcome, reader 🐈

Explore stories from around the world. Find books by mood, genre, themes, and more.

Featured Books ✨

📖

Pride and Prejudice

Romance • Classic

📕

Frankenstein

Gothic • Horror

📘

Alice's Adventures in Wonderland

Fantasy • Adventure

🐈
*{ box-sizing:border-box; margin:0; padding:0; } body{ background:#0e0c13; color:#eee7dc; font-family:Arial, sans-serif; min-height:100vh; } header{ text-align:center; padding:50px 20px; } h1{ font-size:60px; font-family:Georgia, serif; color:#d8c5ff; } header p{ margin:15px; opacity:.8; } .search input{ padding:15px; width:60%; background:#1c1826; border:none; border-radius:12px; color:white; } .search button{ padding:15px 25px; border:none; border-radius:12px; background:#8b6cff; color:white; cursor:pointer; } .layout{ display:flex; } nav{ width:260px; background:#17131f; padding:25px; min-height:100vh; } nav h2{ margin-bottom:20px; } nav ul{ list-style:none; } nav li{ padding:10px; border-radius:10px; transition:.3s; cursor:pointer; } nav li:hover{ background:#292238; transform:translateX(5px); } main{ flex:1; padding:35px; } .welcome{ background:#191522; padding:30px; border-radius:20px; margin-bottom:35px; } .book-grid{ display:grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap:25px; margin-top:20px; } .book-card{ background:#191522; padding:20px; border-radius:20px; transition:.3s; } .book-card:hover{ transform:translateY(-8px); box-shadow:0 0 20px #8b6cff; } .cover{ height:220px; background:#292238; border-radius:15px; display:flex; align-items:center; justify-content:center; font-size:70px; margin-bottom:15px; } footer{ text-align:center; padding:30px; opacity:.6; } .cat{ position:fixed; bottom:20px; right:20px; font-size:50px; animation:float 3s infinite; } @keyframes float{ 50%{ transform:translateY(-15px); } }