@import url(https://fonts.googleapis.com/css2?family=Alegreya+SC:ital,wght@0,400;0,500;0,700;0,800;1,400;1,500&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:after,:before{box-sizing:border-box}a,button{cursor:revert}menu,ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}::-webkit-input-placeholder{color:inherit}::placeholder{color:inherit}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word}:where([draggable=true]){-webkit-user-drag:element}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#4f6367;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;line-height:1;transition:all .5s ease-in-out;width:100%}*,body{margin:0}*{--color-white:255,255,255;--color-light-blue-50:239,246,246;--color-light-blue-100:222,237,237;--color-light-blue-200:189,219,219;--color-light-blue-300:156,201,201;--color-light-blue-400:123,183,183;--color-light-blue-500:184,216,216;--color-light-blue-600:72,132,132;--color-light-blue-700:54,99,99;--color-light-blue-800:36,66,66;--color-light-blue-900:18,33,33;--color-light-blue-950:9,16,16;--color-dark-blue-50:241,243,244;--color-dark-blue-100:226,232,233;--color-dark-blue-200:197,208,211;--color-dark-blue-300:168,185,189;--color-dark-blue-400:140,162,166;--color-dark-blue-500:79,99,103;--color-dark-blue-600:89,111,115;--color-dark-blue-700:66,83,87;--color-dark-blue-800:44,55,58;--color-dark-blue-900:22,28,29;--color-dark-blue-950:11,14,14;--Primary-color-mid-yellow-50:254,246,231;--Primary-color-mid-yellow-100:252,237,207;--Primary-color-mid-yellow-200:250,219,158;--Primary-color-mid-yellow-300:247,201,110;--Primary-color-mid-yellow-400:245,184,61;--Primary-color-mid-yellow-600:194,133,10;--Primary-color-mid-yellow-500:245,185,65;--Primary-color-mid-yellow-700:145,99,8;--Primary-color-mid-yellow-800:97,66,5;--Primary-color-mid-yellow-900:48,33,3;--Primary-color-mid-yellow-950:24,17,1;--Secondary-color-med-red-50:255,231,230;--Secondary-color-med-red-100:255,208,204;--Secondary-color-med-red-200:254,160,154;--Secondary-color-med-red-300:254,113,103;--Secondary-color-med-red-400:254,66,52;--Secondary-color-med-red-500:254,96,85;--Secondary-color-med-red-600:203,15,1;--Secondary-color-med-red-700:152,11,1;--Secondary-color-med-red-800:101,7,1;--Secondary-color-med-red-900:51,4,0;--Secondary-color-med-red-950:25,2,0;--font-family-Alegreya:"Alegreya SC",serif;--font-family-Inter:"Inter",sans-serif;--font-family-Roboto:"Roboto",sans-serif;--fontsize-10px:0.625rem;--fontsize-12px:0.75rem;--fontsize-14px:0.875rem;--fontsize-16px:1rem;--fontsize-18px:1.125rem;--fontsize-20px:1.25rem;--fontsize-22px:1.375rem;--fontsize-24px:1.5rem;--fontsize-26px:1.625rem;--fontsize-28px:1.75rem;--fontsize-30px:1.875rem;--fontsize-32px:2rem;--fontsize-34px:2.125rem;--fontsize-36px:2.25rem;--fontsize-38px:2.375rem;--fontsize-40px:2.5rem;--fontsize-42px:2.625rem;--fontsize-44px:2.75rem;--fontsize-46px:2.875rem;--fontsize-48px:3rem;--fontsize-50px:3.125rem;--fontsize-52px:3.25rem;--fontsize-54px:3.375rem;--fontsize-56px:3.5rem;--fontsize-64px:4rem;--fontweight-100:100;--fontweight-200:200;--fontweight-300:300;--fontweight-400:400;--fontweight-500:500;--fontweight-600:600;--fontweight-700:700;--fontweight-800:800;--fontweight-900:900;--c:#f5c972;box-sizing:border-box;padding:0}.FF-Alegreya{font-family:var(--font-family-Alegreya)}.FF-Inter{font-family:var(--font-family-Inter)}.FF-Roboto{font-family:var(--font-family-Roboto)}.FS-10px{font-size:var(--fontsize-10px)}.FS-12px{font-size:var(--fontsize-12px)}.FS-14px{font-size:var(--fontsize-14px)}.FS-16px{font-size:var(--fontsize-16px)}.FS-18px{font-size:var(--fontsize-18px)}.FS-20px{font-size:var(--fontsize-20px)}.FS-22px{font-size:var(--fontsize-22px)}.FS-24px{font-size:var(--fontsize-24px)}.FS-26px{font-size:var(--fontsize-26px)}.FS-28px{font-size:var(--fontsize-28px)}.FS-30px{font-size:var(--fontsize-30px)}.FS-32px{font-size:var(--fontsize-32px)}.FS-34px{font-size:var(--fontsize-34px)}.FS-36px{font-size:var(--fontsize-36px)}.FS-38px{font-size:var(--fontsize-38px)}.FS-40px{font-size:var(--fontsize-40px)}.FS-42px{font-size:var(--fontsize-42px)}.FS-44px{font-size:var(--fontsize-44px)}.FS-46px{font-size:var(--fontsize-46px)}.FS-48px{font-size:var(--fontsize-48px)}.FS-50px{font-size:var(--fontsize-50px)}.FS-52px{font-size:var(--fontsize-52px)}.FS-54px{font-size:var(--fontsize-54px)}.FS-56px{font-size:var(--fontsize-56px)}.FS-64px{font-size:var(--fontsize-64px)}.FS-128px{font-size:8rem}.FW-100{font-weight:var(--fontweight-100)}.FW-200{font-weight:var(--fontweight-200)}.FW-300{font-weight:var(--fontweight-300)}.FW-400{font-weight:var(--fontweight-400)}.FW-500{font-weight:var(--fontweight-500)}.FW-600{font-weight:var(--fontweight-600)}.FW-700{font-weight:var(--fontweight-700)}.FW-800{font-weight:var(--fontweight-800)}.FW-900{font-weight:var(--fontweight-900)}.T-Left{text-align:left}.T-Center{text-align:center}.T-Right{text-align:right}.T-Justify{text-align:justify}.T-Upper{text-transform:uppercase}.T-Lower{text-transform:lowercase}.T-Capitalize{text-transform:capitalize}.C-White{color:rgb(var(--color-white))}.C-Black{color:rgb(var(--color-black))}.C-Light-Blue-50{color:rgb(var(--color-light-blue-50))}.C-Light-Blue-100{color:rgb(var(--color-light-blue-100))}.C-Light-Blue-200{color:rgb(var(--color-light-blue-200))}.C-Light-Blue-300{color:rgb(var(--color-light-blue-300))}.C-Light-Blue-400{color:rgb(var(--color-light-blue-400))}.C-Light-Blue-500{color:rgb(var(--color-light-blue-500))}.C-Light-Blue-600{color:rgb(var(--color-light-blue-600))}.C-Light-Blue-700{color:rgb(var(--color-light-blue-700))}.C-Light-Blue-800{color:rgb(var(--color-light-blue-800))}.C-Light-Blue-900{color:rgb(var(--color-light-blue-900))}.C-Dark-Blue-50{color:rgb(var(--color-dark-blue-50))}.C-Dark-Blue-100{color:rgb(var(--color-dark-blue-100))}.C-Dark-Blue-200{color:rgb(var(--color-dark-blue-200))}.C-Dark-Blue-300{color:rgb(var(--color-dark-blue-300))}.C-Dark-Blue-400{color:rgb(var(--color-dark-blue-400))}.C-Dark-Blue-500{color:rgb(var(--color-dark-blue-500))}.C-Dark-Blue-600{color:rgb(var(--color-dark-blue-600))}.C-Dark-Blue-700{color:rgb(var(--color-dark-blue-700))}.C-Dark-Blue-800{color:rgb(var(--color-dark-blue-800))}.C-Dark-Blue-900{color:rgb(var(--color-dark-blue-900))}.C-Primary-Ylw-50{color:rgb(var(--Primary-color-mid-yellow-50))}.C-Primary-Ylw-100{color:rgb(var(--Primary-color-mid-yellow-100))}.C-Primary-Ylw-200{color:rgb(var(--Primary-color-mid-yellow-200))}.C-Primary-Ylw-300{color:rgb(var(--Primary-color-mid-yellow-300))}.C-Primary-Ylw-400{color:rgb(var(--Primary-color-mid-yellow-400))}.C-Primary-Ylw-500{color:rgb(var(--Primary-color-mid-yellow-500))}.C-Primary-Ylw-600{color:rgb(var(--Primary-color-mid-yellow-600))}.C-Primary-Ylw-700{color:rgb(var(--Primary-color-mid-yellow-700))}.C-Primary-Ylw-800{color:rgb(var(--Primary-color-mid-yellow-800))}.C-Primary-Ylw-900{color:rgb(var(--Primary-color-mid-yellow-900))}.C-Secondary-Red-50{color:rgb(var(--Secondary-color-med-red-50))}.C-Secondary-Red-100{color:rgb(var(--Secondary-color-med-red-100))}.C-Secondary-Red-200{color:rgb(var(--Secondary-color-med-red-200))}.C-Secondary-Red-300{color:rgb(var(--Secondary-color-med-red-300))}.C-Secondary-Red-400{color:rgb(var(--Secondary-color-med-red-400))}.C-Secondary-Red-500{color:rgb(var(--Secondary-color-med-red-500))}.C-Secondary-Red-600{color:rgb(var(--Secondary-color-med-red-600))}.C-Secondary-Red-700{color:rgb(var(--Secondary-color-med-red-700))}.C-Secondary-Red-800{color:rgb(var(--Secondary-color-med-red-800))}.C-Secondary-Red-900{color:rgb(var(--Secondary-color-med-red-900))}.Drawer-wrapper{align-content:center;align-items:center;background:rgb(var(--Primary-color-mid-yellow-500)) linear-gradient(180deg,rgba(var(--Primary-color-mid-yellow-500),1) 0,rgba(var(--Primary-color-mid-yellow-300),1) 300%) 0 0 no-repeat padding-box;background-color:rgb(var(--Primary-color-mid-yellow-500));border-radius:0 16px 16px 0;display:flex;flex-direction:column;gap:2.5rem;height:100vh;justify-content:center;padding-block:11.8125rem;padding-inline:4.0625rem;position:fixed;top:0;transition:all .5s ease-in-out;width:28rem;z-index:100}.Hover{-webkit-transform:translateX(-26rem);transform:translateX(-26rem)}.Hover:hover{-webkit-transform:translateX(0);transform:translateX(0)}.DrawerOpen{transition:all .5s ease-in-out}.Hover:hover~.DrawerOpen{margin-left:26rem}main{padding:2rem}.Nav-List,main{align-items:center;display:flex;flex-direction:column}.Nav-List{gap:2.5rem;justify-content:center;width:100%}.Nav-Buttons{display:flex;gap:1rem;width:100%!important}.Nav-Buttons>a,.Nav-Buttons>a>button{align-items:center;border-color:rgb(var(--Secondary-color-med-red-500));color:rgb(var(--Secondary-color-med-red-500));display:flex;gap:.5rem;height:3rem;justify-content:center;width:100%}.Nav-Buttons>a>button:hover{background-color:rgb(var(--Primary-color-mid-yellow-400));border-color:rgb(var(--Secondary-color-med-red-400));color:rgb(var(--Secondary-color-med-red-400))}.Login-Button{background-color:rgb(var(--Secondary-color-med-red-500))!important;border-color:rgb(var(--Secondary-color-med-red-500));color:rgb(var(--color-white))!important;width:100%}.Div-bar{background-color:rgb(var(--Secondary-color-med-red-500));height:1px;margin:0;opacity:10%;padding:0;width:100%}.TextBox{display:flex;flex-direction:column;gap:.5rem;width:100%}.TextField>*{background-color:rgb(var(--Primary-color-mid-yellow-400));color:rgb(var(--Secondary-color-med-red-500))!important;padding-block:.2!important;width:100%}.Nav-Login{width:40rem}.Nav-Signup{border-radius:0 16px 16px 0;left:0;position:fixed;top:0;-webkit-transform:translate(0);transform:translate(0);width:45rem}.logo-wrapper{max-width:22.9375rem}.SearchBar{flex-direction:column!important;gap:5rem}.SearchBar,.flex{justify-content:center}.flex{align-items:center;display:flex;flex-direction:row}.InputBase{color:#fff!important;min-width:600px!important;outline:#fff!important;width:100%!important}.Grid{grid-gap:1rem;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.About-Root{background-color:rgb(var(--color-dark-blue-600))!important;gap:2rem;height:100%;max-width:50rem;width:100%}*{transition:all .2s ease-in-out}.About-Content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;outline:1px solid red!important;padding:1rem 2rem!important;position:relative;width:100%}.About-Header{color:rgb(var(--color-light-blue-200))!important;font-size:3rem!important;font-weight:400!important}.About-Content>A{align-items:center;color:rgb(var(--color-light-blue-300))!important;display:flex;font-weight:600;gap:.5rem;justify-content:center}.About-Content>A:hover{color:rgb(var(--color-light-blue-100))!important}.About-Back{background-color:#f5f5f5;cursor:pointer;left:0;margin:2rem;position:absolute;top:0}.About-Body{color:rgb(var(--color-dark-blue-100))!important;max-width:40rem}.About-Body>a{color:rgb(var(--color-dark-blue-300))!important;font-weight:500}.About-Body>a:hover{color:rgb(var(--color-dark-blue-800))!important}.About-grid{grid-gap:2rem;color:rgb(var(--color-dark-blue-100))!important;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.About-grid>li{flex-direction:column-reverse;font-size:1.2rem}.About-grid>li,.About-grid>li>a{align-items:center;display:flex;gap:.5rem;justify-content:center}.About-grid>li>a{color:rgb(var(--color-dark-blue-300))!important;font-size:.8rem}.About-grid>li>a:hover{color:rgb(var(--color-dark-blue-800))!important}.Grid-Card-BookCover>a{height:100%;width:100%}.BookCover{border-radius:8px;height:Auto;object-fit:fill;object-position:center;transition:.3s;width:11rem}.BookCover:not(:hover){opacity:50%}.BookCover:hover{opacity:100%;scale:1.05}.title{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:5rem;padding-top:2rem}.GenreCard{background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:5px;height:15.625rem;margin:10px;padding:10px;text-align:center;width:15.625rem}.GenreCard-Title{padding-bottom:1rem}.Grid-Genre{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.GenreName{align-items:center;border-bottom:1px solid rgb(var(--Secondary-color-med-red-800),.25);display:flex;flex-direction:column;gap:2rem;justify-content:center;margin-bottom:1rem;max-width:80rem;padding:2rem}.GenreName>h1{color:#e3e3e3}.Header{max-width:90rem}.BookGrid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.BookCard{background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:5px;margin:10px;padding:10px;text-align:center}.BookDetails-Header{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;max-width:68rem}.BookDetails-Header>h2{color:rgb(var(--Secondary-color-med-red-500))}.searchResults{height:100%;padding:2rem 5rem}.transparent{background-color:initial!important}.DropDown{box-shadow:none!important;max-width:50rem;outline:1px solid #9cc9c9;position:relative;width:100%!important}.BasicMenu-Container{background-color:#4f6367!important;box-shadow:none!important;left:0;margin:-5px auto 0 30px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:auto -5px 0;position:absolute;top:0;-webkit-transform:translateY(-.815rem);transform:translateY(-.815rem);width:100%;z-index:0}.BasicMenu>*{background-color:#bddbdb!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.BasicMenu-Item{border-bottom:1px solid rgba(156,201,201,.2)!important;color:#596f73!important;height:100%;width:auto}.BasicMenu-Item:hover{background-color:rgba(156,201,201,.5)!important}.BasicMenu-Button{color:#9cc9c9!important}.SearchBar{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.InputBase,.SearchBar input{color:#fff;width:100%}.SearchBar-Icon{color:#f5b841}.SearchBar-Icon:active,.SearchBar-Icon:hover{color:#fac355}
/*# sourceMappingURL=main.e6cac36f.css.map*/