#root{max-width:1440px;margin:0 auto}.button{background:rgb(52,173,236);border:none;color:#fff;cursor:pointer;font:13px/13px,Arial,sans-serif;padding:10px;min-width:80px;box-shadow:0 0 2px #2692dd inset;-moz-box-shadow:0 0 2px #2692dd inset;-webkit-box-shadow:0 0 2px #2692dd inset;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;float:left}.button:hover{opacity:.8}.content{display:flex;padding:.5rem}@media (max-width: 425px){.content{flex-direction:column;justify-content:center}}.img-contener{background:rgba(244,244,244,.79);padding:5rem;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.img-contener{padding:1rem;margin:0 auto}}.book-page__img{width:256px;height:auto;box-shadow:5px 5px 5px #0000004d}@media (max-width: 768px){.book-page__img{width:128px}}.title-contener{padding:3rem}@media (max-width: 768px){.title-contener{padding:1rem}}.book-page__title{color:#34adec;font-size:2rem;text-align:center}@media (max-width: 768px){.book-page__title{font-size:1.5rem}}.text-contener{padding:1rem;font-size:1.4rem;text-align:justify}.book-page__category{font-size:1.1rem;color:#696969}.book-page__authors{font-weight:600;padding:1rem 0}.button-back__contener{padding:1rem}.searchform input:focus{outline:none;box-shadow:0 0 4px #2692dd inset;-moz-box-shadow:0 0 4px #2692dd inset;-webkit-box-shadow:0 0 4px #2692dd inset}.searchform{display:flex;justify-content:center;margin:0 auto;background:rgba(244,244,244,.79);border:1px solid #d3d3d3;padding:2px 5px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}.searchform input{background:#fefefe;border:none;margin-right:5px;padding:1rem;flex-grow:1;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px}.searchform input::-webkit-input-placeholder{font-style:italic;line-height:15px}.searchform input:-moz-placeholder{font-style:italic;line-height:15px}.select:focus{outline:none;box-shadow:0 0 4px #2692dd inset;-moz-box-shadow:0 0 4px #2692dd inset;-webkit-box-shadow:0 0 4px #2692dd inset}.select__label{color:#fff;font-size:1.5rem}.select__contener{padding:1rem}.select{margin-left:.5rem;padding:.5rem 1rem;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.subtitle{font-size:1.8rem;font-weight:600;text-align:center;color:#696969;padding:1rem}.book-card:hover{outline:none;box-shadow:0 0 4px #2692dd inset;-moz-box-shadow:0 0 4px #2692dd inset;-webkit-box-shadow:0 0 4px #2692dd inset}.book-card{display:flex;flex-direction:column;width:230px;height:270px;padding:.7rem;background:rgb(244,244,244)}.book-card__img{width:128px;height:160px;box-shadow:5px 5px 5px #0000004d;align-self:center}.book-card__title{font-size:1.1rem;text-align:center;padding-top:10px;color:#696969}.text-block{color:#000;font-size:1.1rem;padding:3px 0}.link{text-decoration:none}.books-contener{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem}.header{background:no-repeat center/80% url(./fon-fb6bb104.jpg);background-size:cover;padding:.5rem}.title{color:#fff;font-size:3rem;padding:1rem 0}@media (max-width: 350px){.title{padding:0,5rem 0;text-align:center}}.contener{display:flex;flex-wrap:wrap;padding:1rem 0}.button-contener{display:flex;justify-content:center}.circle{position:absolute;top:40%;left:50%;width:130px;height:130px;border-radius:50%;border:10px solid rgba(255,255,255,.3);border-top:10px solid rgb(52,173,236);animation:animate 2s infinite}@keyframes animate{0%{transform:translate(-40%,50%) rotate(0)}to{transform:translate(-40%,50%) rotate(360deg)}}*,*:after,*:before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0}html{font-size:10px;font-family:Verdana,Geneva,Tahoma,sans-serif}body{margin:0 auto;min-width:320px;min-height:100vh}