.toggle-button{display:flex;flex-direction:column;justify-content:space-around;height:35px;width:40px;background:transparent;border:none;cursor:pointer}.toggle-button:focus{outline:none}.toggle-button_line{width:40px;height:5px;background:#4f4f4f}.form-group{display:flex;flex-direction:column}.form-control{min-width:200px;max-width:600px;height:50px;border:0;outline:none;padding:10px;margin:5px 0 15px}.input{background-color:#e6e6fa}input[type=text]{background-color:#fff}.searchBorder{min-width:180px;border:1px solid #138b8a;padding:10px;border-radius:30px}#publisher,#year{width:250px;height:50px}.toolbar{background-color:#fff;margin-bottom:0;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;height:10vh;width:100vw;min-height:100px;justify-content:space-between}.navLeft,.toolbar{display:flex;align-items:center}.logo,.navLeft{height:60px}.logo{width:60px;border-radius:100%;margin-right:30px;border:none;cursor:pointer}.navRight{width:560px}.navRight,.navRightAdmin{height:60px;display:flex;justify-content:space-around;align-items:center}.navRightAdmin{width:250px}@media (max-width:1050px){.navRight{display:none}}@media (min-width:1051px){.toolbar_toggle_button{display:none}}.side-drawer{height:100%;background:#fff;box-shadow:1px 0 7px rgba(0,0,0,.5);position:fixed;top:0;left:0;width:70%;max-width:300px;z-index:200;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;padding:30px}.side-drawer.open{-webkit-transform:translateX(0);transform:translateX(0)}.linksMobile{margin-top:30px;height:250px;display:flex;flex-direction:column;justify-content:space-around}@media (min-width:1051px){.side-drawer{display:none}}.backdrop{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.3);z-index:100}.IntroSection{background-color:#fff;min-height:50vh;width:100vw;padding:80px}@media only screen and (max-width:450px){.IntroSection{padding:30px}}.SubheadSection{height:10vh;padding-left:80px;padding-right:80px;display:flex}@media only screen and (max-width:550px){.SubheadSection{padding-left:30px;padding-right:30px}}.cardDisplay{display:grid;grid-template-columns:repeat(auto-fit,minmax(425px,1fr))}.cardContainer{height:250px;display:flex;align-items:center;justify-content:center}.cardContainer:nth-of-type(7n){background-color:#d3e3f2}.cardContainer:nth-of-type(7n+1){background-color:#fce8b3}.cardContainer:nth-of-type(7n+2){background-color:#fff38a}.cardContainer:nth-of-type(7n+3){background-color:#e7fbad}.cardContainer:nth-of-type(7n+4){background-color:#fcdfdf}.cardContainer:nth-of-type(7n+5){background-color:#bfe9e1}.cardContainer:nth-of-type(7n+6){background-color:#e1dec3}.card{width:320px;height:150px;display:flex}.cardLeft{width:110px}.cardRight{width:200px;padding-left:20px}.cardRightTop{height:110px}.cardRightBottom{height:40px;display:flex;align-items:flex-end}.topPickDiv{display:flex;align-items:center}div.cardLeft>img{max-width:100%;max-height:100%;box-shadow:-10px -10px #fff}.footer{height:300px;padding:80px}@media only screen and (max-width:550px){.footer{padding-left:30px}}.IntroSectionShow{min-height:50vh;width:100vw;padding:80px;justify-content:center}.IntroSectionShow,.ShowCard{display:flex;align-items:center}.ShowCard{width:75%;height:450px}.ShowCardLeft{min-width:400px;height:95%;display:flex;justify-content:center}.ShowCardRight{height:100%;padding-left:50px;display:flex;flex-direction:column;justify-content:space-between}.ShowCardRightTop{width:100%}.ShowCardRightBottom{width:87px}div.ShowCardLeft>img{max-width:100%;max-height:100%;box-shadow:-20px -20px #bfe9e1}@media only screen and (max-width:600px){.IntroSectionShow{padding:20px}.ShowCard{flex-direction:column}.ShowCardRight{height:100%;display:flex}}.IntroSectionFlexi{padding-bottom:80px}@media only screen and (max-width:550px){.IntroSectionFlexi{padding-bottom:50px}}.containerGenre{padding-top:80px;padding-left:80px;min-height:25vh}.genreButtonContainer{padding-left:80px;min-height:25vh;display:flex}.genreButtonContainerLeft,.genreButtonContainerRight{padding-right:60px}@media only screen and (max-width:550px){.containerGenre{padding-top:20px;padding-left:20px}.genreButtonContainer{flex-direction:column;padding-left:20px}}.bioSection{display:flex}.bioSectionLeft{max-width:400px;min-width:280px}.bioSectionLeft,.bioSectionRight{display:flex;flex-direction:column}.bioSectionRight{max-width:800px;margin-left:80px}div.bioSectionLeft>img{max-width:100%;max-height:100%;box-shadow:-10px -10px #fff}@media only screen and (max-width:800px){.bioSection{flex-direction:column}.bioSectionRight{margin-left:0;margin-top:50px}}.primaryButton,.secondaryButton{width:80px;cursor:pointer};.btn,.primary{cursor:pointer}.btn{background-color:#e6e6fa;width:100px;height:20px}.cardAdmin{background-color:#fff;margin-bottom:20px;display:flex;padding:50px}.cardAdminLeft{width:150px;display:flex;align-items:center;flex-direction:column}.cardAdminLeftTop{height:200px}.cardAdminLeftBottom{height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column}.cardAdminRight{padding-left:50px;max-width:700px}div.cardAdminLeftTop>img{max-width:100%;max-height:100%}@media only screen and (max-width:550px){.cardAdmin{flex-direction:column;padding:20px}.cardAdminRight{padding-left:0}}.error{color:red}*{margin:0;box-sizing:border-box}.container{background-color:#fff;height:100vh;width:100vw}.containerSecondary{background-color:grey;min-height:90vh;padding:80px}h1{font-weight:600;font-size:33pt;padding-bottom:30px}h1,h2{color:#4f4f4f;font-family:"Noto Serif JP",serif;max-width:1000px}h2{font-weight:400;font-size:24pt;margin-bottom:10px}h3{font-size:18pt}h3,p{color:#4f4f4f;font-family:"Noto Serif JP",serif;font-weight:400}p{font-size:12pt}p,p.cardTitle{margin-bottom:10px}p.cardTitle{color:#4f4f4f;font-family:"Noto Serif JP",serif;font-size:14pt;font-weight:900}a{font-family:Lato,sans-serif;font-weight:700;font-size:9pt;line-height:12pt;letter-spacing:.02em;text-transform:uppercase;text-decoration:none}a,button{color:#138b8a}button{border:none;display:flex;cursor:pointer;outline:none}.edit,.outlineButton{height:20px;text-decoration:none;border:1px solid #138b8a;padding:10px;border-radius:30px;display:flex;align-items:center}.edit{font-family:Lato,sans-serif;font-weight:700;font-size:9pt;letter-spacing:.02em;text-transform:uppercase;width:80px;flex-direction:column;justify-content:center;margin-top:10px}.genreButton{color:#4f4f4f;max-width:320px;max-height:30px;font-family:"Noto Serif JP",serif;font-weight:400;font-size:19pt;text-decoration:none;cursor:pointer;align-items:center;margin-bottom:5px}a:active,a:hover{color:orange}.outlineButton:active,.outlineButton:hover{border:1px solid orange}.genreButton:active,.genreButton:hover{color:orange}.edit:active,.edit:hover{color:orange;border:1px solid orange}@media only screen and (max-width:550px){.containerSecondary{padding:30px}}
/*# sourceMappingURL=main.326869e0.chunk.css.map */