@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.App{text-align:center}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}#loginPageForm input,#loginPageForm select,#recipe-search input,#recipe-search select,#registerPageForm select{background-color:#f5f5f5;border-radius:5px;flex:0 0 80%;margin:5px 0;padding:3px}.socials{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:5px}.socials p{margin-left:50px}.socials *{margin:10px}@media screen and (max-width:500px){.socials{justify-content:center}#v_center_text{text-align:center;width:100%}}#v_center_text{height:64px;justify-content:center;line-height:64px}body{background-color:#f1f9f8}.button{background-color:#c2fbd7;border:2px solid #f5f5f5;border-radius:5px;color:green;font-size:15px;padding:25px;text-align:center;text-decoration:none;width:300px}.button:hover{background:linear-gradient(0deg,#c2fbd7,#e7fdef,#e6f1ec);transition:all .3s ease-in-out}.btn-group{display:flex;justify-content:flex-end}.btn-lg{font-family:Libre Baskerville,serif;font-size:25px;font-weight:700}.inner{align-items:center;display:flex;flex-direction:column;margin-top:100px}.homepageLink{color:#f0f8ff;text-align:center;text-decoration:none}#homepage{margin:70px auto}.temp{left:0;position:absolute;top:0;top:60px;z-index:-10}#demo{padding:2px}.signtext{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgb(0 0 0/9%);display:flex;flex-direction:row;justify-content:center;margin:0 auto 50px;max-width:1000px;padding:2em}.btntext{display:flex;flex-direction:column;height:175px;justify-content:space-between;margin-left:15px;margin-right:15px}.text{max-width:300px;text-align:center}.text,.topbtn{display:flex;justify-content:center}.level1{background:#9deb9d;font-size:30px;margin:4px}.caption{font-size:27px}.level2{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgb(0 0 0/9%);justify-content:space-around;margin:0 auto;max-width:1000px;padding:15px 0}.level2,.row{display:flex;flex-direction:row}.row{text-align:center;width:100%}.row p{flex:1 1 30%;padding:0 20px;text-align:left}.imagecontainer{border-right:1px solid #e0d9d9;display:flex column;margin:0}.imagecontainer img{max-width:250px}.btntext{background-color:rgba(176,246,202,.2);border:1px solid rgba(131,232,168,.2);border-radius:5px;margin:auto;padding-top:10px;width:1 1 40%}.topbtn a:hover{background-color:linear-gradient(0deg,#80c299,#93d3aa,#d2ede1);transition:background-color 10.5s ease-in-out}@media screen and (max-width:640px){.signtext{flex-direction:column}.btntext:first-child{margin-bottom:20px}}@media screen and (max-width:750px){.imagecontainer:first-child{background-color:red;display:none}}@media screen and (max-width:500px){.imagecontainer:last-child{background-color:red;display:none}.item .caption{text-align:center}.imagecontainer img{max-width:500px;padding:5%;width:100%}}.imagecontainer{height:100%;width:100%}.caption{margin-bottom:15px;padding-left:10px}.login-btn{background-color:#c2fbd7;border:0;border-radius:100px;box-shadow:inset 0 -25px 18px -14px rgba(44,187,99,.2),0 1px 2px rgba(44,187,99,.15),0 2px 4px rgba(44,187,99,.15),0 4px 8px rgba(44,187,99,.15),0 8px 16px rgba(44,187,99,.15),0 16px 32px rgba(44,187,99,.15);color:green;cursor:pointer;font-size:16px;padding:7px 20px;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .25s;user-select:none;-webkit-user-select:none;width:100%}.login-btn:hover{box-shadow:inset 0 -25px 18px -14px rgba(44,187,99,.35),0 1px 2px rgba(44,187,99,.25),0 2px 4px rgba(44,187,99,.25),0 4px 8px rgba(44,187,99,.25),0 8px 16px rgba(44,187,99,.25),0 16px 32px rgba(44,187,99,.25);-webkit-transform:scale(1.05) rotate(-1deg);transform:scale(1.05) rotate(-1deg)}#loginPage{align-items:center;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgb(0 0 0/9%);display:flex;flex-direction:row;justify-content:space-between;margin:20px auto;max-width:1000px;min-width:600px}#formContainer{margin:0 22px;width:100%}#loginHeader{font-size:1rem;margin:0 auto;max-width:300px;text-align:center}#loginPageForm{justify-content:space-evenly;min-height:300px;width:100%}#loginPageForm,#loginPageForm label{display:flex;flex-direction:column}#loginPageForm label span{margin-bottom:10px}#loginPageForm label input{border-radius:3px}@media (max-width:600px){#loginImage{display:none}#loginPage{min-width:0;padding:0 10px;width:100%}}#margin-top,.errmessage{margin-top:100px}.errmessage{display:flex;justify-content:center}.width{align-items:center;display:flex;flex-direction:column;margin-top:50px}.linkbox{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.link{text-decoration:none}.link:hover{color:#000;font-size:26px}:root{--primary-col:#8cd8a8;--button-hover-border:0;--icon-bk:#62ba82;--btn-border:2px outset #aaa7a7;--btn-border-hov:2px inset #979292}.favBoxIconContainer{background-color:#8cd8a8;background-color:var(--primary-col);display:flex;flex-direction:row;padding:5px 10px;width:100%}.icon{background-color:#62ba82;background-color:var(--icon-bk);border:2px outset #979292;border-radius:50%;height:50px;padding:5px;width:50px}.dropbtn:hover,.icon:hover{background-color:#8cd8a8;background-color:var(--primary-col);border-style:inset;cursor:pointer}.bookIconContainer,.favHeartIconContainer,.toggleContainer{display:flex;margin:2px}.dropdown,.toggleContainer{flex:1 1 100%}.dropbtn{background-color:#62ba82;background-color:var(--icon-bk);border:2px outset #aaa7a7;border-radius:15px;color:#222;cursor:pointer;flex:1 1 60%;flex-grow:1;height:50px;line-height:50px;width:100%}.dropdown{display:inline-block;position:relative}.flexedEnd{display:flex}.dropdown-content{background-color:#c2fbd7;border:1px solid rgba(51,51,51,.3);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;position:absolute;width:100%;z-index:1}.dropdown-content a{color:#000;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#c2fbd7}.show{display:block}.bookNamer{background-color:#8cd8a8;background-color:var(--primary-col);margin:auto;width:100%}.bookNamerForm{position:relative;z-index:30}.bookNamer input{border:3px solid rgba(51,51,51,.3);margin:2%;width:96%;z-index:20}.menuTabs{margin:2px 5px}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=100);font-size:32px;opacity:1;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel-root{outline:#333}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:0;overflow:hidden;padding:0}.carousel .thumbs{list-style:none;position:relative;top:-16px;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .5s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(140,216,168,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider,.carousel .slider-wrapper.axis-vertical{display:flex}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:5px solid #62ba82;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}.carousel .thumbs-wrapper{background-color:#8cd8a8;border:5px solid #62ba82;flex-direction:row;height:88px;margin-left:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:18px solid #0af62d}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:18px solid #0af62d}.carousel .slide .legend{background:#000;border-radius:10px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.7;padding:10px;position:absolute;text-align:center;top:20px;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel{border-color:#8cd8a8}#RecipeSearchForm{align-items:center;margin:auto;width:60%}#RecipeSearchForm,#recipe-search{display:flex;flex-direction:column}#recipe-search{background-color:#f1f9f8;border-radius:10px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgb(0 0 0/9%);margin:2rem auto;min-height:400px;padding:5px 10px;width:100%}.searchAgain{margin:10px auto}.search-btn{background-color:#c2fbd7;border:0;border-radius:100px;box-shadow:inset 0 -25px 18px -14px rgba(44,187,99,.2),0 1px 2px rgba(44,187,99,.15),0 2px 4px rgba(44,187,99,.15),0 4px 8px rgba(44,187,99,.15),0 8px 16px rgba(44,187,99,.15),0 16px 32px rgba(44,187,99,.15);color:green;cursor:pointer;font-size:16px;margin:0 auto;padding:7px 20px;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .25s;user-select:none;-webkit-user-select:none;width:90%}.search-btn:hover{box-shadow:inset 0 -25px 18px -14px rgba(44,187,99,.35),0 1px 2px rgba(44,187,99,.25),0 2px 4px rgba(44,187,99,.25),0 4px 8px rgba(44,187,99,.25),0 8px 16px rgba(44,187,99,.25),0 16px 32px rgba(44,187,99,.25);-webkit-transform:scale(1.05) rotate(-1deg);transform:scale(1.05) rotate(-1deg)}#recentsContainer{align-items:center;background-color:#bef9d4;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgb(0 0 0/9%);flex-direction:column;margin:8rem auto;width:80%}#recentsContainer,.recips{display:flex;justify-content:space-evenly}.recips{flex-direction:row;margin:2rem auto;width:100%}#recentsContainer img{height:300px;width:300px}.formAndBooksContainer{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-evenly;width:80%}.yourBooksContainer{align-items:center;background-color:#bef9d4;border-radius:5px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgb(0 0 0/9%);display:flex;flex-direction:column;font-size:1.2rem;max-height:500px;overflow-y:auto;padding:2rem;width:30%}.yourBooksTitle p{margin:12px auto;text-align:center}.todoPanel{align-content:center;align-items:center;align-self:center;background-color:#d1f4de;border:5px outset #8cd8a8;display:flex;flex-direction:column;height:200px;justify-content:space-around;justify-self:center;margin:auto;text-align:center;width:350px}.innerTodo * img{height:100%;max-height:150px}.flexrow{flex:1 1 100%;flex-direction:row}.flexCol,.flexrow{align-content:center;align-items:center;align-self:center;display:flex;justify-content:space-around;justify-self:center;text-align:center}.flexCol{flex-direction:column;margin:0 30px}.flexCol .todoPanel:first-child{margin-bottom:30px}.bgcol{background-color:#62ba82;justify-content:space-around}.bgcol *{width:45%}*{font-family:Poppins,sans-serif}#signupContainer{background-color:#f1f9f8;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgb(0 0 0/9%);display:flex;flex-direction:row;margin:1rem auto 7rem;width:50%}.message{margin:0;text-align:center}#signupContainer img{width:30%}#registerPageForm{display:flex;flex-direction:column;justify-content:space-evenly;margin-left:22px;padding:10px;width:65%}#registerPageForm input{background-color:#f5f5f5;border:1px solid #545454;border-radius:3px;height:35px;margin-right:20px}.signUp-btn{background-color:#c2fbd7;border:0;border-radius:100px;box-shadow:inset 0 -25px 18px -14px rgba(44,187,99,.2),0 1px 2px rgba(44,187,99,.15),0 2px 4px rgba(44,187,99,.15),0 4px 8px rgba(44,187,99,.15),0 8px 16px rgba(44,187,99,.15),0 16px 32px rgba(44,187,99,.15);color:green;cursor:pointer;font-size:16px;margin:20px 0;padding:7px 20px;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .25s;user-select:none;-webkit-user-select:none;width:90%}.signUp-btn:hover{box-shadow:inset 0 -25px 18px -14px rgba(44,187,99,.35),0 1px 2px rgba(44,187,99,.25),0 2px 4px rgba(44,187,99,.25),0 4px 8px rgba(44,187,99,.25),0 8px 16px rgba(44,187,99,.25),0 16px 32px rgba(44,187,99,.25);-webkit-transform:scale(1.05) rotate(-1deg);transform:scale(1.05) rotate(-1deg)}@media screen and (max-width:500px){#registerPageForm{margin:1%;padding-bottom:inherit;padding-left:1px;padding-right:1px;padding-top:inherit;width:100%}#registerPageForm input{margin:0}.signUp-btn{margin:20px auto}#signupContainer{flex-direction:column}#signupContainer img{height:150px;width:100%}}:root{--gradient-shadow:linear-gradient(45deg,#c1e7e1,#c0f9f0,#bdd5d2,#bbf4ec,#a5ebe1,#a8d1cb,#c1e7e1,#aae0d8,#b5f1e8,#c1e7e1)}.shadow{background:linear-gradient(0deg,#c1e7e1,#e1f6f3);color:#fff;display:flex;position:relative;text-align:center}.shadow:after,.shadow:before{-webkit-animation:animate 20s linear infinite;animation:animate 20s linear infinite;background:linear-gradient(45deg,#c1e7e1,#c0f9f0,#bdd5d2,#bbf4ec,#a5ebe1,#a8d1cb,#c1e7e1,#aae0d8,#b5f1e8,#c1e7e1);background:var(--gradient-shadow);background-size:200%;content:"";height:calc(100% + 4px);position:absolute;width:calc(100% + 4px);z-index:-1}.shadow:after{-webkit-filter:blur(20px);filter:blur(20px)}@-webkit-keyframes animate{0%{background-position:0 0}50%{background-position:300% 0}to{background-position:0 0}}@keyframes animate{0%{background-position:0 0}50%{background-position:300% 0}to{background-position:0 0}}.banner img{max-height:150px;position:relative;width:100%}.avatarOverlay{left:30px;position:absolute;top:90px;width:150px;z-index:10}.profileContainer{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgb(0 0 0/9%);display:flex;flex:1 1 30%;flex-direction:column;margin-left:5%;max-width:400px;min-width:300px}@media screen and (max-width:600px){.profileContainer{margin-right:5%}}.profileCard{flex:0 0 50%;text-align:center;width:100%}.FlexRowTwo{display:flex;flex-direction:row}@media screen and (max-width:600px){.FlexRowTwo{flex-direction:column}}.profileTitle p{background-color:#c2fbd7;box-shadow:0 2px 4px rgba(0,0,0,.18);font-size:1.3em;font-weight:600;margin-bottom:20px;padding:10px}#userProfileCard{background-color:none;border-radius:10px;display:flex;flex-direction:column;margin-top:20px}.cardRow{flex-wrap:wrap;height:40px}.cardRow input,.cardRow p{flex:1 1 35%;min-width:100px;padding:5px 15px;text-align:left}.cardRow p:first-child{flex:0 1 30%;padding:5px 15px;text-align:left}.cardRow img{cursor:pointer;max-height:100%;max-width:100%;padding:0 5px}.deleteButton{background-color:#f3dada;border:2px outset #f57878;border-radius:10px;color:red;cursor:pointer;font-size:1.1em;margin:20px auto 0;padding:5px 15px;text-align:left;transition:background-color .5s ease;width:-webkit-max-content;width:max-content}.deleteButton:hover{background-color:#cba8a8;border:2px inset #cd5353}.actions{align-self:center;margin:20px 0}.actions button{background-color:#c2fbd7;border-radius:9px;cursor:pointer;padding:5px 30px;text-align:center}.noButtonShow{background-color:inherit;border:none;margin:0;padding:0}.noButtonShow:focus img{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.noButtonShow:focus p{color:red;font-size:1.1em}.cardRow p,.profileCard input{border-radius:15px;margin:0 auto}.cardRow{display:flex;flex-direction:row}.cardRow p{border:1px solid rgba(51,51,51,.3);border-bottom-left-radius:0;border-left:none;border-top-left-radius:0}.cardRow p:first-child{background-color:#c2fbd7;border:1px solid rgba(51,51,51,.3);border-radius:5px}.favsContainer{background-color:none;flex:1 1 50%;margin-left:5%;margin-right:5%}@media screen and (min-width:600px){.favsContainer{margin-left:3%}}.bookShelfTitle,.favsTitle{background:linear-gradient(0deg,#c2fbd7,#e7fdef,#e6f1ec);box-shadow:0 2px 4px rgba(0,0,0,.18);margin-bottom:20px;padding:10px 35px;width:-webkit-max-content;width:max-content}@media screen and (max-width:600px){.favsTitle{margin-top:20px}}.bookShelfTitle p,.favsTitle p{color:#c66a24;font-size:1.3em;font-weight:600}@media screen and (max-width:500px){.bookShelfTitle,.favsTitle{text-align:center;width:100%}}.favList{background-color:#e1f9f5;border:3px inset #c2fbd7;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgb(0 0 0/9%);display:flex;flex-direction:row;flex-wrap:wrap;max-height:50vh;min-height:50vh;overflow-x:hidden;overflow-y:auto;padding:10px}.onefavContainer{background-color:#222;color:#fff;cursor:pointer;flex:1 1 30%;justify-content:space-around;margin:auto auto 20px;max-height:auto;max-width:170px;transition:-webkit-transform 5.7s ease-in-out;transition:transform 5.7s ease-in-out;transition:transform 5.7s ease-in-out,-webkit-transform 5.7s ease-in-out}.profileFavImage{justify-content:space-around;max-width:150px}.tooltip{display:inline-block;padding:5px 3px;position:relative;text-align:center}.tooltip .tooltiptext{background-color:#222;border-radius:6px;bottom:0;color:#fff;left:0;max-height:0;overflow:hidden;padding:5px 0;position:absolute;text-align:center;transition:visibility .5s,max-height .5s;visibility:hidden;width:100%;z-index:1}.tooltip:hover .tooltiptext{max-height:200px;transition:all .7s ease-in-out;visibility:visible}.tooltip:hover .infoTab{color:#333;transition:all .1s ease-in-out;visibility:hidden}.infoTab{transition:all .7s ease-in;visibility:visible}.infoTab:hover{max-height:0;transition:visibility .5s,max-height color #333 .5s;visibility:hidden}.bookShelfContainer{margin:20px auto auto;width:90%}.bookShelf{background-color:#e1f6f3;border-style:ridge;border-right:ridge;border-width:30px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgb(0 0 0/9%);display:flex;flex-direction:row;flex-wrap:wrap;height:-webkit-max-content;height:max-content;-webkit-transform:rotateX(10deg);transform:rotateX(10deg)}.book{cursor:pointer;height:200px;margin:20px 0 0;padding:10px 10px 0;position:relative;transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out;transition:transform .7s ease-in-out,-webkit-transform .7s ease-in-out}.book:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.book:first-child{margin-left:20px}.book p{background:hsla(0,0%,93%,.8);border-radius:15px;color:#222;left:10%;margin:5px 10px;padding:2px 12px;position:absolute;top:35%;width:100px;z-index:10}.bookImg{height:100%}#cogIcon{transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out;transition:transform .7s ease-in-out,-webkit-transform .7s ease-in-out}#cogIcon:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}@media screen and (max-width:500px){.book{align-content:center;justify-content:center;margin-bottom:30px;position:relative}.bookShelf{display:flex;flex-direction:column}.book:first-child{margin-left:20px}.book p{left:25%;position:absolute;top:30%;z-index:10}}.bgcol button,.tumb:hover{cursor:pointer}.actions button{background-color:#8cd8a8;border:2px outset;transition:all .5s ease}.actions button:hover{background-color:#6fc38e;border:2px inset}.errorMsg{align-content:center;align-items:center;border:1px dashed #f1b2b2;color:#d80f0f;margin-bottom:10px;padding:3px 0;width:80%}#userProfileCard .errorMsg{justify-content:center;margin:0 auto 20px}.navigation *{z-index:200}.navigation{align-items:center;background-color:#f1f9f8;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);color:#333;display:flex;height:60px;padding:.5rem 0;position:relative;width:100%}.navigation * a,.navigation * a:active{color:#333}.brand-name{color:333;font-size:1.3rem;margin-left:1rem;text-decoration:none}.navigation-menu{margin-left:auto}.navigation-menu ul{display:flex;flex-wrap:nowrap;height:100%;padding:0}.navigation-menu li{height:60px;line-height:60px;list-style-type:none;margin:20px 0}.navigation-menu li:hover{background-color:linear-gradient(0deg,#c2fbd7,#e7fdef,#e6f1ec);color:red;transition:all .3s ease-in-out}.navigation-menu li a{display:block;text-decoration:none;width:100%}.hamburger{background-color:#283b8b;border:0;border-radius:50%;cursor:pointer;display:none;height:40px;padding:.5rem;position:absolute;right:25px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:background-color .2s ease-in-out;width:40px}.hamburger:hover{background-color:#2642af}@media screen and (max-width:635px){.hamburger{display:block}.navigation-menu ul{background-color:#fff;border-top:1px solid #000;flex-direction:column;height:calc(100vh - 77px);left:0;position:absolute;top:60px;width:100%}.navigation-menu li{margin:0;text-align:center}.navigation-menu li a{color:#000;padding:1.5rem 0;width:100%}.navigation-menu li:hover{background-color:#c2fbd7;color:#15cdfc;transition:all .3s ease-in-out}.navigation-menu ul{display:none}.navigation-menu.expanded ul{display:block}}
/*# sourceMappingURL=main.686dbda4.css.map*/