body.Authors { background: url(../image/Fon2.jpg) no-repeat center center fixed;
    background-size: cover;}
body.Home { background: url(../image/fon1.jpg) no-repeat center center fixed;
    background-size: cover;
		  }
body.Details {  background: url(../image/28546.jpg) no-repeat center center fixed;
    background-size: cover;
			 }
body.Forum {
            background: url(../image/fon-knigi-42.jpg) no-repeat center center fixed;
    background-size: cover;
        }
body.Develop{background: url(../image/Dev.jpg) no-repeat center center fixed;
    background-size: cover;
        }
body.Links{ background: url(../image/fon2.webp)  no-repeat center center fixed;
    background-size: cover;
		  }
body.Library{  background: url(../image/FonL.jpg)  no-repeat center center fixed;
    background-size: cover;
			}
body.Sherif{  background: url(../image/Fon2.jpg) no-repeat center center fixed;
    background-size: cover;
			}
body.Three{  background: url(../image/Fon2.jpg) no-repeat center center fixed;
    background-size: cover;
			}
body.Useful{ background: url(../image/Dev.jpg)  no-repeat center center fixed;
    background-size: cover;
			}
body.Buy{ background: url(../image/321.jpg) no-repeat center center fixed;
    background-size: cover;
			}
body.Read{  background: url(../image/321.jpg) no-repeat center center fixed;
    background-size: cover;
			}


body {
         
            background-size: cover;
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            text-align: center;
			background-repeat: no-repeat;
        }

			
.navbar {
            background: transparent;
            overflow: visible;
            display: flex;
            justify-content: center;
            padding: 10px;
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 1000;
        }
        .navbar a, .register-btn {
            color: black;
            text-decoration: none;
            padding: 14px 20px;
            display: block;
            cursor: pointer;
            background: green;
			opacity: .7;
            border: none;
            font-size: 16px;
        }
        .dropdown {
            position: relative;
            display: inline-block;
        }
        .dropbtn {
            background-color: rgba(52, 152, 219, 0.7);
            color: black;
            padding: 16px;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }
        .dropbtn:hover, .dropbtn:focus {
            opacity: .3;
        }
		 .dropbtn:hover, .register-btn:focus {
            opacity: .3;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background: rgba(241, 241, 241, 0.8);
            min-width: 160px;
            box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
            z-index: 2000;
            top: 100%;
            left: 0;
        }
        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }
        .dropdown-content a:hover {
            background-color: rgba(221, 221, 221, 0.7);
        }
        .dropdown.active .dropdown-content {
            display: block;
        }
        .content {
            margin-top: 80px;
            padding: 20px;
        }
        .footer-nav {
            background: transparent;
            padding: 0px;
            position: relative;
            bottom: 0;
            width: 100%;
            display: flex;
            justify-content: center;
            z-index: 1001;
        }
        .footer-nav a {
            color: white;
            text-decoration: none;
            padding: 14px 20px;
            display: block;
        }
        .register-form {
            display: none;
            background: rgba(255, 255, 255, 0.8);
            padding: 20px;
            margin: 50px auto;
            width: 300px;
            border-radius: 8px;
            box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2000;
        }
        .register-form input {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .register-form button {
            background: #3498db;
            color: white;
            padding: 10px;
            border: none;
            width: 100%;
            cursor: pointer;
            border-radius: 4px;
        }
        .register-form button:hover {
            background: #2980b9;
        }
 .forum-container {
            max-width: 600px;
            margin: 0 auto;
            background: rgba(132, 211, 216, 0.3);
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .message {
            background: #e9ecef;
            padding: 10px;
            margin: 10px 0;
            border-radius: 5px;
        }
        .message strong {
            color: #333;
        }

 
        .book-table {
            width: 80%;
            margin: 20px auto;
			 border-spacing: 0;
            linear-gradient: transparent;
            background-color: transparent;
        }
        .book-table th, .book-table td {
            padding: 10px;
            border: 1px solid transparent;
			
        }
        .book-container {
            position: relative;
            display: inline-block;
        }
        .book-info {
            display: none;
            position: absolute;
            background: rgba(255, 255, 255, 0.9);
            padding: 10px;
            border: 1px solid #ccc;
            width: 200px;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            z-index: 2000;
        }
        .book-container:hover .book-info {
            display: block;
        }
		  .tab { 
  tab-size: 10; 
}

        .editable {
            cursor: pointer;
        }
        .editing {
            border: 1px solid #ccc;
            padding: 5px;
        }
        .book-image {
            max-width: 100px;
            max-height: 100px;