*{padding:0;margin:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:#fff;box-sizing:border-box}html,body{height:100%;margin:0;background-color:#2f5c58}main{width:100%;margin:auto;text-align:center;padding:0}img{border:5px solid white;margin-top:10px}h1{padding:100px 20px 20px;font-size:32px}h2{font-size:24px}h3{font-size:22px}p{font-size:18px}input{font-size:18px;color:#000}.searchform{width:100%;max-width:400px;margin:auto}.searchform input{height:32px;width:100%;max-width:400px;margin:auto;padding:0;font-size:20px;color:#000}.searchform button{width:100%;max-width:400px;margin:20px auto;box-shadow:5px 5px 10px #000;font-size:20px}.searchform button:hover{box-shadow:none}.error-message{color:#fff;font-size:14px;margin-top:5px}.searchbar-container{background-image:url(/assets/background-BDa5dLn0.jpg);background-size:cover;background-position:center center;background-attachment:fixed;color:#fff;height:100vh;width:100%;display:flex;flex-direction:column}.background-box{background-color:#0009;padding:30px;border-radius:10px;color:#fff;max-width:600px;width:95%;margin:100px auto 0;text-align:center}.searchbar-container p{padding:20px 0}@media screen and (max-width: 768px){.searchbar-container h1{padding:0}.background-box{margin:50px auto 0}}.login-container{max-width:400px;margin:0 auto;padding:20px;text-align:center}.form-group{margin-bottom:15px;text-align:left}.form-group label{display:block;font-weight:700;margin-bottom:5px}input{width:100%;padding:8px 0;border:1px solid #ccc;border-radius:4px}button{width:100%;padding:10px;background-color:#0b4b48;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:20px;box-shadow:5px 5px 10px #000}button:disabled{background-color:#ccc}.loading-text,.error-text{color:#fff;font-weight:700;margin-bottom:10px}.layout-container{display:flex;flex-direction:column;min-height:100vh}.content{width:100%;flex-grow:1}.logo{max-width:200px;display:block;margin:0;padding:20px 0 0 20px;border:none;background:transparent}.navbar{display:flex;justify-content:center;list-style:none;gap:30px;padding:30px 0;border-bottom:3px solid white}.navbar a,.logout-link{text-decoration:none;color:#fff;font-size:24px;padding:10px;cursor:pointer}.navbar a:hover,.logout-link:hover{text-decoration:underline}.logout-button:hover{cursor:pointer}@media screen and (max-width: 768px){.navbar a,.logout-link{font-size:20px;padding:20px 0}}footer{height:100px;text-align:center}footer p{padding-top:20px}.details-container{max-width:600px;margin:0 auto;padding:20px}.details-container .back-button{display:inline-block;padding:8px 0;font-size:16px;background-color:#2f5c58;color:#fff;border:none;border-radius:4px;cursor:pointer;width:95%;max-width:150px}.back-button:hover{text-decoration:underline}h1{font-size:24px;margin-bottom:10px}.book-image{max-width:100%;height:auto;margin:10px 0}.book-description{padding-top:10px;white-space:pre-line;line-height:1.6}.error-message{color:#af6060;font-weight:700}.review-button{background-color:#203d3b;color:#fff;border:none;padding:15px 12px;border-radius:4px;cursor:pointer;margin:30px 0;box-shadow:5px 5px 10px #000}.review-button:hover{background-color:#0c0e0d}.review-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.review-form textarea{width:100%;height:80px;padding:8px;border:1px solid #ccc;border-radius:4px;color:#000}.review-container{padding-top:50px}.reviews-list{list-style:none;padding:0}.review-item{padding:10px;border-bottom:1px solid grey;margin-bottom:10px;color:#000}.rev-text{margin:5px 0}.review-date{font-size:.8rem;color:#bdbdbd;padding:5px 0}.rating-container{display:flex;gap:10px;margin:10px 0}.rating-label{display:flex;align-items:center;gap:5px;cursor:pointer}.delete-button{background-color:#af6060;max-width:40px;margin-top:10px}.editable-text{margin:10px 0}.searchresult-main{width:100%;max-width:1400px;margin:auto}.searchresult-main .back-button{display:inline-block;padding:8px 0;font-size:16px;background-color:#2f5c58;color:#fff;border:none;border-radius:4px;cursor:pointer;width:95%;max-width:150px;margin:20px 0}.searchResults{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;list-style:none;padding:20px 0 150px;justify-content:center}.searchResultItem{width:100%;max-width:250px;min-height:450px;margin:auto;padding:20px;text-align:center;background-color:#ffffff1a;border-radius:8px;box-shadow:5px 5px 10px #000;transition:transform .2s;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.searchResults img{width:100%;max-width:150px;height:200px;object-fit:cover;margin:10px auto}@media (max-width: 1200px){.searchResults{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.searchResults{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.searchResults{grid-template-columns:repeat(2,1fr)}.searchResultItem{max-width:90%;min-height:400px}.searchResultItem h2{font-size:16px}.searchResultItem p{font-size:12px}}@media (max-width: 480px){.searchResults{grid-template-columns:1fr}}.searchResultItem:hover{transform:scale(1.02)}.searchResultLink{text-decoration:none;color:#fff}.searchResultItem h2:hover{text-decoration:underline;cursor:pointer}.register-container{width:95%;max-width:400px;margin:auto}.register-container label{display:block;text-align:left;margin-top:10px}.register-container input{padding:6px 0 6px 1px;margin:3px 0}.register-container button{margin-top:5px;padding-left:1px}.container-myReviews{width:98%;max-width:500px;margin:auto}.container-myReviews ul{list-style:none}.container-myReviews li{border-bottom:1px solid grey}.container-myReviews .delete-button,.edit-button{width:100%;min-width:100px;max-width:100px;margin:0 10px;background-color:#af6060}.cancel-button,.save-button{margin-top:10px}.rating-dropdown{width:70px;padding:5px;font-size:16px;border-radius:5px;color:#000;cursor:pointer}.rating-dropdown option{color:#000}
