.contentWrapper{max-width:1280px;margin:0 auto;text-align:center;min-height:100vh}body{background-image:url(/assets/lesesel_dag-5b58732e.webp);background-repeat:no-repeat;background-color:#fff;background-attachment:fixed;background-size:100%;color:#000}.dark-mode{background-image:url(/assets/lesesel_natt-0fec88c6.webp);background-repeat:no-repeat;background-color:#000;background-attachment:fixed;background-size:100%;color:#fff}h1{font-size:3.2em;line-height:1.1;margin:2vh 0;text-align:center}.introText{max-width:700px;margin:1em auto}.bannerWrapper{display:flex;flex-direction:column;justify-content:end}.banner{padding:0;filter:drop-shadow(2px 2px 5px rgba(0,0,0,.8));margin-top:2vh;z-index:1}.mainNav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#f5f5f5;box-shadow:0 2px 5px #0003;z-index:999}.mainNav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;padding:0}.navElement{position:relative}.navElement a{display:flex;align-items:center;gap:5px;padding:10px 12px;background-color:#f5f5f5;color:#2392c2;text-decoration:none;cursor:pointer;width:100%}.navElement a:hover{background-color:#9bdbf640;border-radius:10px}.navElement a p{color:#000}.navElement:hover>.dropdown{display:block}.dropdown{position:absolute;top:100%;left:0;display:none;min-width:160px;z-index:999;padding:5px 0;margin:0;background-color:#f5f5f5;box-shadow:0 2px 5px #0003}.dropdown li{display:flex;align-items:center;padding:2px 0}.dropdown a{color:#2392c2;text-decoration:none}.navElement a.active{font-weight:600;width:100%;height:100%;background-color:#9bdbf6;border-radius:10px}.card{border:3px solid rgb(116,116,116);min-width:200px;min-height:300px;padding-top:10px;margin-bottom:2em;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background-color:#fff;box-shadow:0 0 8px #0f0f0f;border:none;border-radius:20px}.card img{width:13vh}.searchContainer{display:flex;flex-direction:column;align-items:center}.searchField{width:100%;max-width:500px;border:none;padding:12px;border:1px solid black;color:#000;margin-bottom:5px;border-radius:25px;font-size:1.2rem;background-color:#fff;margin-right:1em}.searchButton{padding:7px 10px;border:none;margin-left:5px;margin-bottom:5px;font-size:1rem;background-color:#fff;color:#414141}.results{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:1em}.results li{flex-basis:calc(25% - 10px);box-shadow:0 0 8px #0f0f0f;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:30px;min-width:250px;background-color:#fff;color:#000;cursor:pointer}.results li:hover{background-color:#d7f7ff}.results li img{max-width:200px;box-shadow:0 0 8px #0f0f0f;margin-bottom:1em;transform-origin:center;transition:transform .2s ease-out}.results li:hover>img{transform:rotate(2deg);transition-timing-function:ease-in}.results li:not(:hover) img{transform:rotate(0);transition-timing-function:ease-out}.resultsH3{margin-bottom:2em;color:#fff;text-shadow:1px 1px 3px black}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(5deg)}}.title{font-size:1.1rem}a{text-decoration:none;color:#000}.modal{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center}.modalContent{background-color:#fff;border-radius:20px;padding:30px;max-width:500px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:start;position:relative;text-align:left}.modalButtons{display:flex;flex-direction:row}.cardList{list-style:none;display:flex;justify-content:center;gap:25px;margin-top:5vh}.closeButton{position:absolute;top:10px;right:10px;display:flex;align-content:center;font-size:2rem;background-color:#fff;border-radius:50%;border:none;cursor:pointer;box-shadow:none}.closeButton:hover{background-color:#fff;color:#750000}.modalContent img{max-width:90%;box-shadow:0 0 8px #0f0f0f;margin-bottom:1em}.bookInfo{margin:1em 0;align-self:self-start}.loginReminder{margin-top:1em;font-weight:600}.loginReminder a{text-decoration:underline}.addBookBtn{margin-top:2.2em;margin-left:.5vh;margin-right:.5vh}.loadingSpinner{animation:spin 1s linear infinite;font-size:1.5rem}.checkbox label a{text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bookAddedText{display:flex;align-items:center;gap:.5em;margin-top:2em}.check{font-size:1.5rem;color:#009e3d}@media only screen and (max-width: 600px){.results li{flex-basis:calc(50% - 10px);min-width:150px}.modalContent{width:90%}}.homeCardList{list-style:none;display:flex;flex-direction:column;justify-content:center;padding:0 2em;gap:25px}.homeCard{border:3px solid rgb(116,116,116);width:100%;max-width:850px;min-height:250px;padding-top:10px;margin:0 auto 20px;list-style-type:none;display:flex;flex-direction:row;text-align:left;background-color:#fff;box-shadow:0 0 8px #0f0f0f;color:#000;border-radius:20px;border:none;padding-bottom:5px}.weeklyRecommendation{margin:0 auto;padding:2em 1em;width:100%;max-width:850px;display:flex;position:relative;flex-direction:row;gap:2em;text-align:left;background-color:#fff;box-shadow:0 0 8px #0f0f0f;color:#000;border-radius:20px}.weeklyBookTag{position:absolute;top:0;left:0;padding:.2em .5em;border-radius:20px 0;background-color:#f6ff7f;box-shadow:1px 1px 3px #000000b3;color:#000;font-size:1.2rem}.weeklyRecommendation div{max-width:280px;height:auto}.weeklyRecommendation img{box-shadow:1px 1px 3px #000000b3;width:100%}article{display:flex;flex-direction:column;justify-content:center;gap:1em;max-width:50%;margin-left:70px;padding:1em 0}.homeCard img{margin:20px;max-width:18vh;height:auto;width:100%;object-fit:contain}button{align-items:center;border:2px solid rgb(116,116,116);background-color:#f6ff7f;color:#000;box-sizing:border-box;font-size:14px;font-weight:500;cursor:pointer;width:fit-content;padding:10px;letter-spacing:1px;text-transform:uppercase;border-radius:8px;border:none;box-shadow:0 0 8px #0f0f0f}.homeLink{color:#000;text-decoration:none}button:hover{background-color:#fff;color:#000}.pageCard{display:flex;flex-direction:column;margin:0 auto;margin-top:2vh;margin-bottom:2em;text-align:left;background-color:#fff;box-shadow:0 0 8px #0f0f0f;border:none;border-radius:20px;padding:2vh 6vh;color:#000}.pageCard img{width:100%;max-width:300px;height:auto;margin:0 auto}.pageCard button{margin-top:2vh;margin-bottom:3vh;color:#000}.pageCard h2,.pageCard h3{margin-top:3vh}.profileTitle{text-align:center;font-size:2rem}.pageCard a{text-decoration:underline}.topBtn{position:fixed;width:fit-content;right:30px;bottom:20px;font-size:14px;color:#000;background-color:#f6ff7f;box-shadow:0 0 8px #0f0f0f;padding:10px;border-radius:10px}.navScoreboard{width:100%;gap:20px;background-color:#f6ff7f;display:flex;flex-direction:row;justify-content:space-around;text-align:left;margin:0 auto;padding:2vh;color:#000;border-radius:0 0 20px 20px;box-shadow:1px 1px 9px #000000bf;position:sticky;top:0;z-index:1;margin-bottom:5vh}.navScoreboard p{font-weight:600}.navScoreboard p a{text-decoration:underline}.imgSection{width:auto;display:flex;flex-direction:column;justify-content:center}.imgSection img{width:4rem;max-width:100%;height:auto}.imgSection a button{color:#000;background-color:#fff}.imgSection a button:hover{color:#000;background-color:#f6ff7f}.textSection{margin-left:3vh}.avatarTextSection{display:flex;flex-direction:row}.username{font-weight:700;text-decoration:underline}.username:hover{color:#0b6992}.trophyThumbnail{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5))}.loginForm{display:flex;flex-direction:column;align-items:left;background-color:#fff;box-shadow:0 0 8px #0f0f0f;width:fit-content;margin:1em auto;padding:2em;border-radius:10px;color:#000}.loginForm h2{margin:.5vh 0 3vh}.loginForm p{margin-top:2vh}.loginForm button{margin:0 auto;color:#000}.loginForm p a{text-decoration:underline}.formWrapper{display:flex;flex-direction:column;justify-content:end;margin-bottom:1em;font-weight:600}.formWrapper input{background-color:#fff;color:#000;padding:5px;border-radius:10px}.checkbox{display:flex;flex-direction:row;justify-content:left;margin-bottom:1em;font-weight:600}.checkbox input{margin-right:2vh}.loggedIn{background-color:#fff;box-shadow:2px 2px 5px #00000080;width:fit-content;margin:2em auto;padding:2em;border-radius:20px;color:#000}.loggedIn button{color:#000}.loggedIn div img{max-width:300px}.loggedIn div div{margin:1em 0}.trophies{display:flex;gap:2em;flex-wrap:wrap}.trophy{display:flex;position:relative;flex-direction:column;align-items:center;gap:1em;max-width:150px;box-shadow:2px 2px 5px #000;border-radius:20px;padding:1em;text-align:center;background-color:#ffffffb0}.trophyChosenOverlay{position:absolute;padding:5px 5px 0 0;top:0;left:0;width:100%;height:100%;display:flex;align-items:start;justify-content:end}.trophyChosenText{color:#2da12d;font-size:2rem}.unlockedTrophy{cursor:pointer}.lockedTrophy{filter:grayscale(1)}.trophyHeader{margin:1em 0 .5em}.footerBg{background-color:#494949;display:flex;flex-direction:column;align-items:center;padding:3em 1em}.footerApi{color:#fff}.footerApi a{color:#ff0;text-decoration:underline}.footerWrapper{display:flex;margin-top:3em;justify-content:space-around;gap:2em;align-items:center;text-align:start;color:#fff}.footerWrapper img{max-width:250px;height:auto}.footerLinks a{color:#fff;text-decoration:underline}.footerDesignBy{color:#fff;font-size:.8rem;margin-top:1em}@media screen and (max-width: 1024px){body,.dark-mode{background-size:cover}}@media screen and (max-width: 768px){.pageCard{padding:1em;max-width:none}.homeCard{flex-direction:column;align-items:center}.homeCard article{margin:0 auto;padding:1em;max-width:90%}.navScoreboard{flex-direction:column;align-items:center;padding:1em}.navScoreboard article{max-width:90%}.weeklyRecommendation{flex-direction:column;align-items:center}.weeklyRecommendation article{max-width:90%;margin:0 auto}.cardList{flex-direction:column;padding:1em}.footerWrapper{flex-direction:column;margin:0 auto}}.friends{display:flex;flex-wrap:wrap;gap:1em;margin:0 auto}.friendCard{display:flex;flex-wrap:wrap;flex-direction:column;border:1px solid black;box-shadow:2px 2px 5px #000c;width:165px;border-radius:20px;justify-content:space-around;align-items:start;padding:1em}.friendCard h2{margin:0;font-size:1.1rem;font-weight:900;align-self:center}.friendCard img{margin:1em auto .5em;max-width:100px;height:auto}.friendBooksRead{font-size:.9rem}.pendingFriend{display:flex;margin-bottom:.5em;padding:.3em 1em;align-items:center;justify-content:space-between;border-radius:20px;background-color:#eaf0ff;box-shadow:2px 2px 5px #00000080;border:2px solid rgba(50,50,50,.8)}.pendingFriend section{display:flex;gap:1em;align-items:center}.pendingFriend section img{max-width:50px}.accept{background-color:#48da85;font-size:.8rem;box-shadow:none;border:2px solid rgb(50,50,50,.8)}.deny{background-color:#da4848;font-size:.8rem;box-shadow:none;border:2px solid rgba(50,50,50,.8)}.friendForm{display:flex;align-items:center}.friendAddLoadingSection{display:flex;justify-content:center;align-items:center;gap:1em}.friendsCard h2{margin:0}:root{font-family:Comfortaa,cursive;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}