:root{--grey: #e6f4f4;--dark-gray: #a0c2c2;--black: #192226;--white: #F5EFED;--red: #c61d29;--dark-red: #98161e}.bg-gradient{width:80%;height:600px;margin:auto;background-color:var(--grey);background-image:linear-gradient(43deg,var(--black) 0%,var(--grey) 24%,var(--grey) 64%,var(--red) 100%);box-shadow:0 30px 30px -30px var(--black)}.btn{display:block;overflow:hidden;border-width:0;outline:none;border-radius:2px;overflow-wrap:break-word;box-shadow:0 1px 4px #0009;padding:10px 13px;background-color:var(--red);color:var(--white);transition:background-color .3s;min-width:100px;min-height:55px;font-size:12px}.btn:hover,.btn:focus{background-color:var(--dark-red)}.header-wrapper{display:flex;align-items:center;justify-content:space-evenly;gap:40px;padding:40px;box-sizing:border-box;width:100%}.book-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%}.book-wrapper img{width:70%}.header-title{font-size:48px;font-weight:600}.header-book{font-size:60px;font-weight:600;width:100%}.title-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:30px}.title-wrapper img{width:70%}.title-wrapper p{font-weight:700}.book-catalog{margin-top:30px!important;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;width:80%;margin:auto;padding:40px}.book{background-color:var(--dark-gray);background-image:linear-gradient(90deg,var(--dark-gray) 0%,var(--dark-gray) 80%,cadetblue 100%);border-radius:30px;padding:30px;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 10px 3px #0003;gap:10px;box-sizing:border-box}.book h1{font-size:24px;font-weight:600}.book img{width:100%}.break{width:80%;height:40px;margin:auto;background-color:var(--black)}.flex{padding:30px;height:100%;display:flex;gap:20px;align-items:center;justify-content:space-between}.flex.less-padding{padding:30px 0}@media screen and (max-width: 1068px){.bg-gradient{width:100%;height:100%}.break{width:100%}.header-wrapper{flex-direction:column-reverse;justify-content:center;align-items:center;padding:40px;gap:20px}.header-title{font-size:30px}.flex{flex-direction:column;justify-content:center;align-items:center;gap:20px}.book-catalog{grid-template-columns:1fr 1fr}.newest-book{width:80%}.book{width:auto;padding:10px}.btn{font-size:16px}.hide{display:none}}