@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;500&display=swap);html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}a{text-decoration:none}a,a:visited{color:#212121}.textInputDark{background-color:rgba(0,1,1,.2);border:2px solid #212121;font-size:2rem;display:block;padding:5px;color:#212121}.buttonDark{font-size:2rem;line-height:1;color:#fff8cd;background-color:#212121;padding:5px 10px;cursor:pointer}.buttonDark:disabled{background-color:#d3d3d3;border:none;cursor:auto}.status{color:#c22b11;font-weight:700}.logInAndRegistration{background-color:#fff8cd;max-width:550px;margin:45px auto;box-shadow:1px 1px 3px #212121}.logInAndRegistration form{padding:30px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;text-align:center}.logInAndRegistration form *{margin:3px}.logInAndRegistration form input[type=submit]{margin-top:10px}.logInAndRegistration form .textInputDark{width:60%}.logInAndRegistration h1{font-size:3.5rem;margin-bottom:10px}.logInAndRegistration a{font-size:2rem}.pagination{margin:5px auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative}.pagination input{text-align:center}.pagination .buttonArrow{background-color:#212121;color:#fff8cd;width:25px;height:25px;border-radius:50%}.pagination .prev{position:absolute;left:-30px}.pagination .next{position:absolute;right:-30px}.booksHeading{font-size:3rem;line-height:3;margin:0;background-color:#fff8cd;border-bottom:1px solid grey}.booksHeading,.creatorContainer{text-align:center;box-shadow:1px 1px 3px #212121}.creatorContainer{background:#f5f5f5;position:fixed;width:700px;height:500px;top:50%;left:50%;margin-top:-250px;margin-left:-350px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;padding:5px 2px;z-index:1}.creatorContainer h1{font-size:3rem;margin:0}.creatorContainer li{list-style:none}.creatorContainer button{margin:0 5px}.creatorContainer *{padding-top:10px;padding-bottom:10px}.newPoke{position:relative;color:#c22b11}.newPoke:before{content:"new";position:absolute;right:-15px;top:40%;-webkit-transform:translateY(-50%) rotate(30deg);transform:translateY(-50%) rotate(30deg);font-size:1.3rem;font-weight:700;text-transform:uppercase;text-align:center;color:#fff8cd;background-color:#c22b11;border-radius:50%;width:40px;height:40px;display:grid;-webkit-align-items:center;align-items:center;box-shadow:1px 1px 3px #212121}.checkboxStyled{-webkit-appearance:none;background-color:#fafafa;border:1px solid #cacece;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:9px;border-radius:3px;display:inline-block;position:relative}.checkboxStyled:checked:after{content:"\2714";font-size:14px;position:absolute;top:0;left:3px;color:green}@media screen and (max-width:768px){.logInAndRegistration{max-width:80%;margin:70px auto}.logInAndRegistration form{padding:50px 10px}.logInAndRegistration form .textInputDark{width:80%}.creatorContainer{width:90%;height:80vh;margin-top:-40vh;margin-left:-45%}}.loader,.loader:after,.loader:before{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite}.loader{display:inline-block;top:-2.5em;color:#c22b11;font-size:.4rem;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{left:-3.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:3.5em}@-webkit-keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}body{font-family:"Montserrat",sans-serif;background:#f5f5f5;color:#212121;font-size:1.8rem}#root{min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-justify-content:space-between;justify-content:space-between}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}::-webkit-scrollbar{width:12px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#212121}.bookContainer{width:100%;display:grid;grid-template-columns:1fr 20px;text-align:center;background:linear-gradient(180deg,#e5e5e5,hsla(0,0%,100%,0));box-shadow:1px 1px 3px #212121;border-bottom:1px solid #000;padding:10px;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center}.bookContainer .bookTitle{font-size:2.2rem}.bookContainer p{padding:5px}@media screen and (max-width:768px){.bookContainer{width:100%}}.nav{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:space-evenly;justify-content:space-evenly;margin-top:25px;font-size:2.5rem;width:100%}.nav .nav-item{position:relative;margin:0 5px;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .5s ease-in-out}.nav .nav-item span{display:inline}.nav .nav-item i:not(.fa-power-off):not(.fa-bell){display:none}.nav .nav-item:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:-10px;background:#212121;height:2px;transition:all .5s ease-in-out}.nav .nav-item:hover:not(.log-out):before{left:0;right:0}.nav .nav-item .alert{position:absolute;right:-10px;top:-5px;font-size:1.5rem;font-weight:700;color:#fff8cd;background-color:#c22b11;border-radius:50%;width:20px;height:20px;display:grid;-webkit-align-items:center;align-items:center}.nav .log-out{margin-left:15px}.nav .log-out:hover{color:#c22b11}.nav .is-active.nav-item:before{left:0;right:0}@media screen and (max-width:768px){.nav .nav-item span{display:none}.nav .nav-item i:not(.fa-power-off):not(.fa-bell){display:inline}}header{background:#fff8cd;width:100%;padding:25px;text-align:center;margin:0;box-shadow:1px 1px 3px #212121;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}header .img-logo{height:50px}footer{width:100%;font-size:1.5rem;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-items:center;align-items:center}footer .books{height:60px;margin-bottom:25px;-webkit-flex:1 1 100%;flex:1 1 100%;background-image:url(/CodersCamp2020.Project.FullStack-Node-React.PikaBook-frontend/static/media/books.b2d3a21b.png);background-repeat:repeat-x;background-size:contain;background-position:50%}footer .about{-webkit-flex:1 1 60%;flex:1 1 60%;margin-bottom:25px;text-align:center}footer .about p{margin:0 25px;padding:15px;color:#f5f5f5;border-radius:25px;background:#212121}footer .about p span{color:#fff8cd;font-weight:400}footer .authors{-webkit-flex:1 1 300px;flex:1 1 300px;margin-bottom:25px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;text-align:center}footer .authors ul{margin-top:15px}footer .authors ul li{list-style-type:none}footer .authors img{margin-top:15px;width:100px}footer .github{margin-top:25px}footer .github a{text-decoration:underline}.userContainer{display:grid;grid-template-columns:1fr 1fr;-webkit-align-items:flex-start;align-items:flex-start}.userContainer .usersBooks{width:350px;margin:25px;justify-self:end}.userContainer .userPanel{justify-self:flex-start;margin:25px}.userContainer .userInfo{width:350px;height:150px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;text-align:center;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff8cd);box-shadow:1px 1px 3px #212121;padding:10px;margin-bottom:25px}.userContainer .userInfo button{width:auto}.userContainer .userInfo .or{display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:baseline;align-items:baseline}.userContainer .userInfo .or:after,.userContainer .userInfo .or:before{content:"";border-top:1.5px solid #212121;width:40%;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}@media screen and (max-width:768px){.userContainer{grid-template-columns:1fr}.userContainer .usersBooks{margin-bottom:0}.userContainer .userPanel,.userContainer .usersBooks{width:90%;justify-self:center}.userContainer .userInfo{width:100%}}.search{margin-bottom:50px}.search .logInAndRegistration{background:linear-gradient(180deg,#fff8cd,#fff)}.search .status{color:#212121;font-weight:400;margin-top:10px}.search .booksList .book{background-color:#fff8cd;max-width:550px;margin:45px auto;padding:25px;box-shadow:1px 1px 3px #212121;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.search .booksList .book .bookData{-webkit-flex:1 1 50%;flex:1 1 50%}.search .booksList .book .userData{-webkit-flex:1 1 50%;flex:1 1 50%;text-align:right}.search .booksList .book h3{font-weight:500;font-size:2.2rem}.search .booksList .book p{margin:5px 0;font-size:1.7rem}.search .booksList .book p i{margin-left:5px}.search .booksList .book .buttonDark{font-size:1.7rem}.pokesContainer{display:grid;grid-template-columns:1fr 1fr}.pokesContainer .pokeColumn1{width:350px;margin:25px;justify-self:flex-end}.pokesContainer .pokeColumn2{width:350px;margin:25px;justify-self:flex-start}.pokesContainer h1{text-align:center;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff8cd);padding:25px;margin:0;box-shadow:1px 1px 3px #212121}.pokesContainer .pokeContainer{box-shadow:1px 1px 3px #212121;margin-top:25px}.pokesContainer .poke{background:linear-gradient(180deg,#e5e5e5,hsla(0,0%,100%,0));padding:25px;font-size:1.8rem;display:-webkit-flex;display:flex;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;text-align:center;border-bottom:1px solid #212121}.pokesContainer .poke ul{margin:5px 0;-webkit-align-self:center;align-self:center;text-align:center}.pokesContainer .poke ul li{list-style:none;padding:5px;border-bottom:1px solid #212121}.pokesContainer .poke ul li:last-child{border:none}.pokesContainer .poke .buttonDark{color:#f5f5f5;margin-top:25px;font-size:1.5rem;-webkit-align-self:flex-end;align-self:flex-end}@media screen and (max-width:768px){.pokesContainer{grid-template-columns:1fr}.pokesContainer .pokeColumn1,.pokesContainer .pokeColumn2{width:90%;justify-self:center}.pokesContainer .pokeColumn1{margin-bottom:0}}.createBasketContainer{text-align:center;margin-bottom:25px}.basketBookList{display:grid;grid-template-columns:1fr 1fr}.basketChosenBooks{width:350px;margin:25px;justify-self:flex-end}.basketChosenBooks .bookContainer{grid-template-columns:1fr}.basketMyBooks{width:350px;margin:25px;justify-self:flex-start}@media screen and (max-width:768px){.basketBookList{grid-template-columns:1fr}.basketBookList .basketChosenBooks{width:90%;justify-self:center;margin-bottom:0}.basketBookList .basketMyBooks{width:90%;justify-self:center}.basketBookList .userInfo{width:100%}}.conversationsContainer{display:-webkit-flex;display:flex;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;margin:25px auto;max-width:550px;padding:0 25px}.conversationsContainer h1{text-align:center;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff8cd);padding:25px;box-shadow:1px 1px 3px #212121}.conversationsContainer .newMessage{position:relative;color:#c22b11}.conversationsContainer .newMessage:before{content:"new";position:absolute;right:-25px;top:50%;-webkit-transform:translateY(-50%) rotate(30deg);transform:translateY(-50%) rotate(30deg);font-size:1.3rem;font-weight:700;text-transform:uppercase;text-align:center;color:#fff8cd;background-color:#c22b11;border-radius:50%;width:40px;height:40px;display:grid;-webkit-align-items:center;align-items:center;box-shadow:1px 1px 3px #212121}.conversationsContainer .conversationContainer{background:linear-gradient(180deg,#e5e5e5,hsla(0,0%,100%,0));display:-webkit-flex;display:flex;padding:20px;box-shadow:1px 1px 3px #212121;margin-bottom:25px;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.conversationsContainer .conversationContainer div{max-width:100px;margin:5px;text-align:center}.conversationsContainer .buttonDark{color:#f5f5f5;font-size:1.5rem}@media screen and (max-width:768px){.conversationsContainer h1{font-size:2.5rem}.conversationsContainer .conversationContainer{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.conversationsContainer .conversationContainer div{max-width:100%;text-align:center}.conversationsContainer .buttonDark{color:#f5f5f5;font-size:1.5rem;width:100%}}.singleConversationContainer{max-width:550px;margin:25px auto}.singleConversationContainer .loader{position:absolute;top:50%;left:50%}.singleConversationContainer .exit{float:right;width:40px;height:40px;text-align:center;font-size:3rem;display:grid;-webkit-align-items:center;align-items:center;cursor:pointer}.singleConversationContainer .loadMore{width:40px;height:40px;border-radius:50%}.singleConversationContainer .messagesList{margin-top:10px;height:50vh;overflow-y:scroll;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;box-shadow:1px 1px 3px #212121}.singleConversationContainer .interlocutorsMessage,.singleConversationContainer .yourMessage{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:5px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.singleConversationContainer .interlocutorsMessage .date,.singleConversationContainer .yourMessage .date{max-width:70px;text-align:center;font-size:1.3rem}.singleConversationContainer .interlocutorsMessage .message,.singleConversationContainer .yourMessage .message{background:linear-gradient(180deg,#e5e5e5,hsla(0,0%,100%,0));box-shadow:1px 1px 3px #212121;padding:25px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.singleConversationContainer .interlocutorsMessage .message div:first-child,.singleConversationContainer .yourMessage .message div:first-child{font-weight:700;margin-right:25px}.singleConversationContainer .yourMessage{text-align:right;-webkit-align-self:flex-end;align-self:flex-end;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.singleConversationContainer .yourMessage .date{margin-left:25px}.singleConversationContainer .interlocutorsMessage{text-align:left;-webkit-align-self:flex-start;align-self:flex-start}.singleConversationContainer .interlocutorsMessage .date{margin-right:25px}.singleConversationContainer .interlocutorsMessage .message{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff8cd)}.singleConversationContainer form{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:25px}.singleConversationContainer form textarea{padding:10px;width:100%;margin-right:25px;background-color:#ccc9b6;border:3px solid #fff8cd;resize:none}@media screen and (max-width:768px){.singleConversationContainer .interlocutorsMessage,.singleConversationContainer .yourMessage{-webkit-flex-direction:column;flex-direction:column;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.singleConversationContainer .interlocutorsMessage .date,.singleConversationContainer .yourMessage .date{margin:0 0 5px;-webkit-align-self:flex-start;align-self:flex-start;text-align:left}.singleConversationContainer .interlocutorsMessage .message,.singleConversationContainer .yourMessage .message{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.singleConversationContainer .interlocutorsMessage .message div:first-child,.singleConversationContainer .yourMessage .message div:first-child{margin:0 0 25px}.singleConversationContainer .yourMessage .date{-webkit-align-self:flex-end;align-self:flex-end;text-align:right}.singleConversationContainer form{-webkit-flex-direction:column;flex-direction:column}.singleConversationContainer form textarea{margin-right:0;margin-bottom:5px}.singleConversationContainer form input{width:100%}}#messageCreator textarea{width:90%;height:60%;padding:5px;font-style:Arial,sans-serif;resize:none}#messageCreator .sentMessage{overflow-y:scroll;max-height:50%}#pokeCreator p{padding-left:10px;padding-right:10px}#pokeCreator ul{padding-top:0;padding-bottom:0;max-height:50%}#basketCreator ul,#pokeCreator ul{overflow-y:scroll;width:90%;background:linear-gradient(180deg,#e5e5e5,hsla(0,0%,100%,0));box-shadow:1px 1px 3px #212121}#basketCreator ul{max-height:20%}.meBooksContainer{display:grid;grid-template-columns:1fr 1fr}.meBooksContainer .bookContainer{grid-template-columns:1fr}.meBooksContainer .meBooks{width:350px;margin:25px;justify-self:flex-end}.meBooksContainer .meBooks .status{text-align:center;margin-top:20px}.meBooksContainer .meAddBook{width:350px;height:450px;margin:25px;justify-self:flex-start;background:linear-gradient(180deg,#e5e5e5,hsla(0,0%,100%,0));display:grid;grid-template-rows:auto 1fr;box-shadow:1px 1px 3px #212121}.meBooksContainer #editBookCreator .bookForm{height:95%}.meBooksContainer #editBookCreator .status{margin:0 0 10px;padding:0}.meBooksContainer .bookForm{display:grid;justify-items:center;-webkit-align-items:center;align-items:center;padding:15px}.meBooksContainer .meBooksButtons *{display:inline-block;margin-left:10px;margin-right:10px;width:80px}@media screen and (max-width:768px){.meBooksContainer{grid-template-columns:1fr}.meBooksContainer .meBooks{margin-bottom:0}.meBooksContainer .meAddBook,.meBooksContainer .meBooks{width:90%;justify-self:center;margin-left:0;margin-right:0}.meBooksContainer .meAddBook .bookForm{padding:10px}}.meContainer{background-color:#fff8cd;max-width:550px;margin:45px auto;box-shadow:1px 1px 3px #212121;text-align:center;padding:10px}.meContainer p{padding:5px}.meContainer h1{line-height:1.5rem}@media screen and (max-width:768px){.meContainer{max-width:90%;margin:70px auto}}.meBaskestsContainer{width:704px;margin:0 auto;text-align:center}.meBaskestsContainer .basketBooks{margin-left:2px;margin-right:2px}.meBaskestsContainer .basketHeader{text-align:center;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff8cd);padding:25px;margin-top:20px;box-shadow:1px 1px 3px #212121}.meBaskestsContainer .singleBasket{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px}.meBaskestsContainer .singleBasket .bookContainter{grid-template-columns:1fr}.meBaskestsContainer .singleBasket .basketData{grid-column:span 2;background-color:#fff8cd;box-shadow:1px 1px 3px #212121;padding:10px;margin:4px}.meBaskestsContainer .singleBasket .basketData p{padding:3px}.meBaskestsContainer .singleBasket .basketData .buttonsAndStatus p{color:#c22b11;font-weight:700}.meBaskestsContainer .singleBasket .basketData .buttonsAndStatus button{margin:2px}@media screen and (max-width:768px){.meBaskestsContainer{width:90%}.meBaskestsContainer .singleBasket{display:grid;grid-template-columns:1fr;margin-bottom:20px}.meBaskestsContainer .singleBasket .basketData{grid-column:span 1;background-color:#fff8cd;box-shadow:1px 1px 3px #212121;padding:10px;margin:4px}.meBaskestsContainer .singleBasket .basketData p{padding:3px}.meBaskestsContainer .singleBasket .basketData .buttonsAndStatus p{color:#c22b11;font-weight:700}}*{margin:0;padding:0}html{box-sizing:border-box;font-size:10px}*,:after,:before{box-sizing:inherit}
/*# sourceMappingURL=main.067625ea.chunk.css.map */