@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;700;800;900&display=swap";body{background-color:#fff;margin:0}.container{text-align:center;margin:2rem auto;padding:2rem;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a}.title{font-weight:700;font-size:1.1rem;color:#333;margin:1rem 0}.description{font-size:1rem;color:#666;margin:1rem 0}.content-container{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.content{text-align:center;max-width:300px;margin:1rem;padding:1rem;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.content img{max-width:100%;height:auto}.content-description{font-size:1rem;color:#444;margin:1rem 0}.content:hover{transform:scale(1.05);box-shadow:0 4px 6px #0003}.testimonials-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.testimonial{text-align:center;padding:1rem;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:transform .2s,box-shadow .2s}.testimonial img{max-width:100%;height:auto;border-radius:50%;width:80px;height:80px}.testimonial-text{font-size:.875rem;color:#444;margin:1rem 0}.testimonial:hover{transform:scale(1.05);box-shadow:0 4px 6px #0003}.footer-container{display:flex;flex-direction:column;border:1px solid #000;background-color:#1a202c;color:#fff;gap:10px;padding:20px;width:100%;text-align:center}.footer-top{display:flex;gap:10px;justify-content:center}.social-icons{display:flex;gap:15px;justify-content:center;margin-top:20px}.social-icon-container{cursor:pointer;transition:transform .5s ease}.social-icon-container:hover{transform:scale(1.3)}.footer-column{flex:1}.footer-header{font-weight:700;margin-bottom:8px;letter-spacing:1px;font-size:16px}.footer-list{list-style:none;line-height:1.5;margin:0;padding:0}.footer-list li{color:#8b8e95}.footer-copyright{text-align:center;margin-top:20px;color:#fff;font-size:16px;transition:color .3s ease}.social-icons a{color:orange;text-decoration:none}.social-icons a:hover{text-decoration:underline}.main-book-div{background-color:#fff}.image-title-div-books{height:200px;background-image:url(https://images.unsplash.com/photo-1610116306796-6fea9f4fae38?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;color:#fff}.book-info-div{background-color:#fdf2e9;padding:20px 20px 20px 40px}.book-comments-div,.comments-holder{background-color:#d9d9d9}.book-comments-div{background-color:#d9d9d9;display:flex;flex-direction:column}.comments-holder{background-color:#fff;flex:1;overflow-y:auto}.comments-holder div{margin:10px;padding:10px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.input-container{display:flex;margin-bottom:10px;flex-direction:column;max-width:50%;justify-content:center}.input-container button{background-color:#e74c3c;border:none;border-radius:20px;padding:10px 20px;margin-left:10px;box-shadow:0 2px 4px #0000001a;max-width:40%}.add-book-button{background-color:#2980b9;color:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;margin-bottom:10px;border:none;cursor:pointer;width:300px;height:45px;font-size:24px}.add-book-button:focus{outline:none}.add-book-button:hover{background-color:#154360}.add-book-button:active{transform:translateY(2px)}.book-items-holder{background-color:#fff;min-height:100vh;padding-top:30px}.bookContainer:hover{background-color:#626567}.moreButtonDiv{flex:1;text-align:right}.moreButtonDiv button{background-color:#2980b9;color:#fff;border:none;border-radius:15px;padding:8px 16px;box-shadow:0 2px 4px #0000001a}.moreButtonDiv button:focus{outline:none}.moreButtonDiv button:hover{background-color:#154360}.recommendedBookContainer{background-color:#f9f5e1;border-radius:25px;box-shadow:0 2px 4px #0003;display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:10px;width:80%;margin-left:20px}.majorclubdiv,.main-club-div{background-color:#fff}.image-title-div{height:200px;background-image:url(https://images.unsplash.com/photo-1535905557558-afc4877a26fc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1887&q=80);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;color:#fff}.club-info-div{background-color:#fdf2e9;padding:20px 20px 20px 40px}.current-book-div,.previous-books-div{background-color:#fff}.club-messages-div,.messages-holder{background-color:#d9d9d9}.club-messages-div{background-color:#d9d9d9;display:flex;flex-direction:column}.messages-holder{background-color:#fff;flex:1;overflow-y:auto}.messages-holder div{margin:10px;padding:10px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.input-container{display:flex;margin-bottom:10px}.input-container input{background-color:#d9d9d9;border:none;border-radius:25px;padding:10px;flex-grow:1;box-shadow:0 2px 4px #0000001a}.input-container button{background-color:#e74c3c;border:none;border-radius:20px;padding:10px 20px;margin-left:10px;box-shadow:0 2px 4px #0000001a}.bookContainer{background-color:#d9d9d9;border-radius:25px;box-shadow:0 2px 4px #0003;display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:10px;width:80%;margin-left:20px}.iconDiv{flex:1}.bookTextDiv{flex:3}.bookTextDiv h2{margin-bottom:10px}.text-div{background-color:#fdf2e9;padding:20px}.text-div h1{font-size:50px}.create-club-button{background-color:#2980b9;color:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;margin-bottom:10px;border:none;cursor:pointer;width:300px;height:55px;font-size:24px}.create-club-button:focus{outline:none}.create-club-button:hover{background-color:#154360}.create-club-button:active{transform:translateY(2px)}.club-items-holder{background-color:#fff;min-height:100vh;padding-top:30px}.clubContainer{background-color:#d9d9d9;border-radius:25px;box-shadow:0 2px 4px #0003;display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:10px;width:80%;margin-left:20px}.clubContainer:hover{background-color:#626567}.iconDiv{flex:1;padding-left:40px}.clubTextDiv{flex:3}.clubTextDiv h2{margin-bottom:10px}.joinButtonDiv{flex:1;text-align:right}.joinButtonDiv button{background-color:#2980b9;color:#fff;border:none;border-radius:15px;padding:8px 16px;box-shadow:0 2px 4px #0000001a}.joinButtonDiv button:focus{outline:none}.joinButtonDiv button:hover{background-color:#154360}.skeleton-loader{background-color:#d9d9d9;height:200px;width:70%;margin-bottom:10px;border-radius:25px}.error-message{color:#e74c3c;background-color:#f8d7da;padding:10px;border:1px solid #f5c6cb;border-radius:5px;margin-bottom:10px}.logInDiv{background-color:#fff;border-radius:10px;padding:20px;max-width:550px;margin:100px auto;box-shadow:0 4px 8px #0000001a}body{background-color:#aed6f1;margin:0;font-family:Arial,sans-serif}.signUpDiv{background-color:#fff;border-radius:10px;padding:20px;max-width:550px;margin:100px auto;box-shadow:0 4px 8px #0000001a}nav{display:flex;justify-content:space-between;align-items:center;background-color:#231e25;padding:10px 50px;color:#fff}nav ul{list-style:none;margin:0;padding:0;display:flex}nav ul li{margin-left:70px}nav ul li a{color:#ffffffd5;text-decoration:none;font-size:30px;transition:color .3s ease}nav ul li a:hover,nav ul li a.active{color:#2471a3}nav h1{color:#f4d03f;font-size:30px}@media (max-width: 768px){nav{flex-direction:column;background-color:#231e25;padding:10px}nav ul{flex-direction:column;align-items:center}nav ul li{margin-left:0;margin-bottom:10px}nav ul li a{font-size:24px}}@media (max-width: 1024px){nav{padding:10px 30px}nav ul li{margin-left:40px}nav ul li a{font-size:28px}}.toggle{display:none;flex-direction:column;cursor:pointer}.bar{height:3px;width:25px;background-color:#fff;margin:5px auto;transition:transform .3s ease,opacity .5s ease}@media (max-width: 820px){.toggle{display:flex}.nav-links{display:none;width:100%;flex-direction:column;align-items:center;transition:opacity .6s ease}.nav-items.show .nav-links{display:flex}.nav-items.show .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.nav-items.show .bar:nth-child(2){opacity:0}.nav-items.show .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Poppins,sans-serif}.home-page{text-align:center}.home-main{background-image:url(https://tinyurl.com/ym4t5z58);background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh;position:relative}.home-title,.home-text{color:#fff;text-align:center}.home-title{font-size:7rem;font-weight:800;padding-top:29vh}.home-text{font-size:2rem;padding-top:0rem}.home-links{display:flex;justify-content:center;padding-top:3rem}.home-links a{color:#2471a3;text-decoration:none;margin:0 20px;font-size:40px}.home-links a:hover{color:#f4d03f}.createClubDiv{background-color:#fff;border-radius:10px;padding:20px;max-width:550px;margin:100px auto;box-shadow:0 4px 8px #0000001a}body{background-color:#aed6f1;margin:0}.logInBackgroundDiv{background-color:#aed6f1;height:100%}.addBookDiv{background-color:#fff;border-radius:10px;padding:20px;max-width:550px;margin:100px auto;box-shadow:0 4px 8px #0000001a}form{margin:30px}input{width:100%;padding:10px;border:none;border-radius:10px;margin-bottom:10px;background-color:#d9d9d9}button[type=submit]{width:100%;padding:10px;border:none;border-radius:10px;background-color:#e74c3c;color:#fff;cursor:pointer}button[type=submit]:hover{background-color:#c0392b}.error-message{color:red;font-size:14px;margin-top:5px}.error-message:first-child{margin-top:0}.not-found{background-image:url(https://images.unsplash.com/photo-1616036740257-9449ea1f6605?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2em;text-align:center}