*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}.radius-0{border-radius:0}.radius-4{border-radius:4px}.radius-6{border-radius:6px}.radius-8{border-radius:8px}.radius-10{border-radius:10px}.radius-12{border-radius:12px}.radius-16{border-radius:16px}.radius-20{border-radius:20px}.radius-24{border-radius:24px}.radius-full{border-radius:999px}.text-1{font-size:62px;font-family:Martian Mono,monospace;font-weight:700;line-height:120%;letter-spacing:-2px}.text-2{font-size:50px;font-family:Martian Mono,monospace;font-weight:600;line-height:130%;letter-spacing:-2px}.text-3{font-family:Martian Mono,monospace;font-size:34px;font-weight:600;line-height:130%;letter-spacing:-1px}.text-4{font-family:Martian Mono,monospace;font-size:24px;font-weight:700;line-height:110%;letter-spacing:-1px}.text-5{font-family:Inter,sans-serif;font-size:20px;font-weight:400;line-height:140%;letter-spacing:-.5px}.text-6{font-family:Martian Mono,monospace;font-size:18px;font-weight:600;line-height:130%;letter-spacing:-1px}.text-7{font-family:Martian Mono,monospace;font-size:14px;font-weight:400;line-height:120%;letter-spacing:-1px;color:var(--neutral-700)}@font-face{font-family:Martian Mono;font-display:swap;src:url(/frontendmentor.io-challenges/04-tech-book-club-landing-page/dist/assets/MartianMono-Variable-DGFyKGfZ.ttf) format("truetype");font-style:normal;font-weight:100 800}@font-face{font-family:Inter;font-display:swap;src:url(/frontendmentor.io-challenges/04-tech-book-club-landing-page/dist/assets/Inter-Variable-c8O0ljhh.ttf) format("truetype");font-style:normal;font-weight:100 900}:root{font-size:16px;--neutral-0: hsl(0, 0%, 100%);--neutral-100: hsl(17, 41%, 97%);--neutral-200: hsl(17, 12%, 89%);--neutral-700: hsl(195, 23%, 28%);--neutral-900: hsl(194, 78%, 11%);--light-salmon-50: hsl(23, 100%, 97%);--light-salmon-100: hsl(22, 100%, 91%);--light-salmon-500: hsl(22, 99%, 72%);--text-gradient: linear-gradient(107deg, #FF9A60 -11.37%, #062630 61.84%);--gradient: linear-gradient(90deg, #FFE2D1 0%, #FFF5EF 100%)}body{font-family:Inter,sans-serif}.header,.footer,.hero__container,.reading,.not-average,.tech-journey,.membership-options,.personal-testimony{width:80%;margin:auto}.header{padding-top:1rem}.hero__container{display:flex;align-items:center;gap:5rem;padding-top:2rem;padding-bottom:4rem}.hero{background:var(--neutral-100) url(/frontendmentor.io-challenges/04-tech-book-club-landing-page/dist/assets/pattern-light-bg-CxUxPw4p.svg);position:relative;overflow:hidden}.hero__title{background:var(--text-gradient);color:transparent;-webkit-background-clip:text;background-clip:text}.hero__text{display:flex;flex-direction:column;gap:2rem;flex:1}.hero__btn{padding:1rem;align-self:flex-start;background:var(--light-salmon-50);color:var(--neutral-900);display:flex;gap:1rem;text-transform:uppercase}.hero__btn img{display:inline-block}.hero__img{object-fit:contain;flex:1;z-index:2}.hero__img img{border-radius:1rem}.hero__description{color:var(--neutral-700)}.hero__testimonial{display:flex;gap:.5rem;align-items:center}.hero__testimonial__avatars img{height:3rem}.hero__social-stars{display:flex}.hero__light{position:absolute;bottom:0;right:0;transform:translate(50%,50%);z-index:1}.reading{display:flex;gap:5rem;padding-top:7.5rem;padding-bottom:7.5rem}.reading .reading__img{object-fit:contain;flex:1}.reading .reading__img img{border-radius:1rem}.reading .reading__text{padding-top:2.75rem;flex:1;display:flex;flex-direction:column;gap:2.125rem}.reading .reading__text h2{color:var(--neutral-900)}.reading .reading__text ul{list-style:none;margin-left:0;padding-left:0}.reading__list-container{display:flex;flex-direction:column;gap:1.5rem;color:var(--neutral-700)}.reading__item{display:flex;gap:.875rem}.not-average{display:flex;gap:5rem}.not-average__text{padding-top:8rem;padding-bottom:8rem;flex:1}.not-average__text h2{margin-bottom:1.5rem;color:var(--neutral-900)}.not-average__word-circle{position:relative;display:inline-block}.not-average__word-circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABCCAYAAADQQ92kAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAlbSURBVHgB7V1bchtXDgUuOf6YcdUwKzBnBWJWYHoFVj5TsS15Aya1AkkrCD0bsGU5lU9LKwi9gtArCL2DdiXOR0JeBEDfbnZTzeab4gOnysV+kaaapw+Ae3EBBMNWgd606zNdWIMIv+tEsONAMKwcSqIHTBEPdXBQ8/zqEP7rgWpIfFzog3xOLw77ywKhHz6vH45EiNj3BF/4WOTi8xEMoI8vO33YEhgBF4ASrAoN/nHrzsEjJRZAA4RIFIi17RBCMllJX/GzA+jxw9LHHzo92CCMgCUIStbkH+qIiOp8txpTCcaqA6I0RPLj8it+kX0mal+VMLxm3lHT80Eh9SOS/wML1HETBEfokRDS4ydXge46SWkEZNCHdg3+hLofMtkcHamakSraXQjBiHqBXJ8T8zZkU1vh0/wZtVQVhSxialdlZtcBMdk49fuJr9kjwttVE/IgCZhTNqBmIdnGiRaQ+nKQquFsxIqVUf53MX1RVh2VxBWIAwqvr/H2ILOd/agSH64wiKmOKa4L39mzyX3e6Yb31YJb0UCkx3pPcILa8gPHCtl1hFfJ+xfFQRAwIZwnesx/cPOOGWNyoJjMeE/JocHCzCZX39tXQrGiKJn4xxWHXy/ZIqd/Huh9q/B9Q2jy/XlcSMiEjBW8xO/n/zv3koBqUv/QJ/gpK9xxIYnE+fb86qA8Es0qYewTRfAXiAmKdpVYi4IJ2fBVOGUyPp2gjl0EJuIcqrg3BJSn1VfgmM3HU0gi0lmRkAzUp+vrkMUAeodGsHlA1+0mP7+nCHRScLqLDs9m8RV3moDxcIg/YeI0QUzrdIg/1RWicaDQC0om42I7P6B7X9AHP1bFk3FVZKvxdppp3jkCzky6RNUIPwZF6xrR1oeUiEDnuRN875FYDZ93boretxMEFJ/O/85/XGxemwWXREw4Jht8Ypeua2S7PwgR6V/0hl2ZZvY4E/MCn///cvz6rSag+BkcRLQgJl3Wp4tNqajbUMm20dF7w3QMr9sX42pYRMKtI6CQrjB6RWTCwUdRuGXHngybAb1rnxKyGmYwTsKtIKCSDvxj9uvaMFK6iEd9u+jhykzq7qKYhPgkEZF7I2A8VudbBcFExMdeuwF0jHT7geG7dpv99x/TAxyYuGev/xdvbhjBrxPfoJk7wSaWZx8uzbzuJ/z71i/ZwMQTvqy+6LytwgaQUbs2hYyPFAnxnhnx9hk8FHOp8+4BDnUA++1aFTBLPBifmTDFOziMqyA+xG/WooD0Mw8WD+Gc/qDTO1beFO9gQR5v2RdsJvvDP+F4pQRUxfudzmlA7TsnjXgHDx6zvaEqpMGIZBytxASXmlqe3EfEl2ZqDQJ/3aJkm/lyubQCDq7bx/RVQmysj53S4ZTKi84FGAwTsDABxc9jU8sDjJpRnD8nWRB/45mzcTxDGRCihQhI169aTL4LmGBunfl5hgJI2j9l1MoxX+YioPh6HNl+oIKMFJ29GMKFzV4YJuIBz+37zP4AejMTkH5qN9jX+8Cb9fyJoHoWZBimYDiEhkvCXooXyLtZ3qgm19Ov42srRPVwiN9ahGuYBRWEp8k2OejK61QFpJ9enfMA4oVuA17xQOIjzWfgMT1TPcOsCP7fcbLPQaqmZJUSMEc+j5eVExtSMSyGYQWOR+YWu8mCr4km2MhnWCWcG2VHsxuYJqQWKqCRz7BKDN61T0Fq6wgc3uAPI9fNFV2ckI9xY+QzLAOZsMip319wlj3v7lycZK5KmDzAMzAYlsEQzpPRE7Gm44v98wQc0i8QZjd4bO/MKgMYloFaU5KUPFBBK7KmLntxylSey520kNhgmAU50yvWdIhPiq5zdy6G0RiNwbAIdMpWrGkQNCbfd5OsqRJw+HemZBnhrZlewzLgKduUfLL4qKxwgBIwF6Ww+QWDYUHQ+9abpOCnBB2y8q3s+qouk0zGaAQP4zk6g2EepJlSYdERcRDLQUdn2vuqHuA4k5ff24feE4bNQpOT40wpVT5d8/u8XPkSVBHpaJQjiEY+w1xQ8o0CjojHjp9U5ygWJelZ9fTDkPpgMMwIev/qhAZpml6PyfftvJXKcnPB6PEbMBimIF1+S6DLb0Mtn4Wy4fPJCI7NscFQAg1av9KbUI43QtBs+IUnLRxl+1CwlCq7DYYxaJT7rvUjQfD3pNDAQLPhl5oxqxLhJwRKG7X4r3DKL1PDZ8PhgK5fSZmVtnZUitcAneGz1UzVOh6Jzn2Q9oAwGCDOD/DvW7+xj3ch+1LJIKwBWlmeAGqufpV+g8waX1bFs8qLjqnggUKIF8qnNWU/FBq4XMcUrY5B36lgKc5llZn+vc0JHwrSTgSOWtmsqHURL0E6CTJeu01aduJ/8InNjOw3CgpLSU2fq1AiuQ9rRkpA7e9Q4Qgn2+3GSLiXCL30si0wBPdSmztXnk2a0bE/mGZFhyv6WGESmjneeaQtMOIs5fg3jus2vr6vBOQ79QELlVCeDsJLC0x2D4Wk26JOBIUFKie1Wwp9v6zY5BYjdH8/1t7IBFKJIEu6Kxl226bfr7RCami3JH5CbnZEoyPE16ts3W5YDGlv5LjRTxOylcsQ+zxfe7ttpMtiaone0AXxYlJfWE94NS3r1bA6FBAu3xtZWpp5Jt2O9NCbuUZ0KRGTtu2miiuHtqd9oGt2jiiuRtvIXTBSuZ3sEjp3kfKUiOxjFLZtT8jIymi+4nzIkY10fj6vboK4Le3H0HD7ZtcLgi5VJT/Ttl3mj4uyaOTmSNPoWydjikZIRdx0GxpeZhwcHaEQLZ59GL+Ho7a0fP+koui+VaBdWaeklIyTlHGELvJT7D181pv6cD/XoYRotM6bDT9kYpUTrajDe+8QlseupVWXPuEVaHqEJiIcAVEDyr9Fj3+YKEPMPjj+928e9tlScgZzWQMPdVEyNomPPFCtlGQx0u7uktokwQIf6x9qbe2NdMuUjJtgchqIopBYn0rKESLxK4Wgss0k7fPnfJF9V+Fjns8lGGS2BTW+voDASp4sYiLFhHFhQbWoluS/aUVY7epTT5WdShU+fGeMVNEAPwd/TYKzgyXaJGyEgJMgU39MTFUQ+XF1hR5gbQ5y3g/EXArJiPpCMFUyeRhikkVWWWJ23CsBy6CqKSv2quI/MUl9UB1WJOkxpuoUH6iP3pRZYF+OWKGy+0CRqCoPsvMrftFjWZUdBAU2chkM+4N/AGInK1bMa0MOAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:50%;background-size:contain;width:3em;height:3em;z-index:-1}.not-average__text p{color:var(--neutral-700)}.not-average__img{object-fit:contain;flex:1}.not-average__img img{border-radius:1rem}.tech-journey{display:flex;flex-direction:column;gap:4rem;align-items:center;background:var(--neutral-100) url(/frontendmentor.io-challenges/04-tech-book-club-landing-page/dist/assets/pattern-light-bg-CxUxPw4p.svg);margin-top:8rem;padding:5rem 3.75rem 4rem;border-radius:1.5rem;position:relative;overflow:hidden}.tech-journey h2{text-align:center;color:var(--neutral-900)}.tech-journey__container{display:flex;gap:3rem}.tech-journey__step{display:flex;flex-direction:column;gap:1.5rem}.tech-journey__step__top{display:flex;justify-content:space-between}.tech-journey__step div div{width:2rem;height:2rem;align-content:center;text-align:center;border:2px solid var(--neutral-900);border-radius:.25rem}.tech-journey__light{position:absolute;bottom:0;right:0;transform:translate(50%,50%);z-index:1}.membership-options{padding-top:7.5rem;display:flex;flex-direction:column;gap:4rem;align-items:center}.membership-options__packs{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:1.5rem;align-items:center}.membership-options__pack{display:flex;flex-direction:column;gap:1.5rem;border:1px solid var(--neutral-200);border-radius:.5rem;padding:1.5rem;position:relative;overflow:hidden}.membership-options__pro{padding-top:2.5rem;padding-bottom:2.5rem;background-color:var(--neutral-100)}.membership-options__pro:before{content:"";z-index:-1;position:absolute;width:684px;height:684px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1084'%20height='1084'%20fill='none'%20viewBox='0%200%201084%201084'%3e%3cg%20filter='url(%23a)'%20opacity='.4'%3e%3ccircle%20cx='542'%20cy='542'%20r='342'%20fill='%239CC9DA'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='a'%20width='1084'%20height='1084'%20x='0'%20y='0'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_136_1757'%20stdDeviation='100'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");background-size:684px 684px;background-repeat:no-repeat}.membership-options__light{position:absolute;bottom:0;right:0;transform:translate(50%,50%);z-index:1}.membership-options__pack hr{border:none;border-top:1px solid var(--neutral-200)}.membership-options__pack ul li{list-style-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%20fill='none'%20viewBox='0%200%2028%2028'%3e%3crect%20width='26'%20height='26'%20x='1'%20y='1'%20stroke='%23385159'%20stroke-width='2'%20rx='3'/%3e%3cpath%20fill='%23385159'%20d='m19.06%206.8%201.3%202.2c-2.26%201.06-3.92%202.54-4.96%204.46-1.02%201.9-1.56%204.42-1.6%207.54h-2.6c-.3-2.62-1.7-4.56-4.4-5.28l.92-2.44c1.04.32%201.96.88%202.76%201.7.82.82%201.36%201.74%201.64%202.78.46-4.86%202.8-8.64%206.94-10.96Z'/%3e%3c/svg%3e");margin-bottom:1rem}.membership-options__pack__btn{padding:1rem;align-self:normal;background:var(--light-salmon-50);color:var(--neutral-900);display:flex;justify-content:center;gap:1rem;text-transform:uppercase}.personal-testimony{display:flex;gap:2rem;flex-direction:column;align-items:center;padding-top:7.5rem}.personal-testimony__social-stars{display:flex}.personal-testimony p{width:60rem;text-align:center}.footer{background-color:var(--neutral-900);color:var(--neutral-100);margin-top:7.5rem;display:flex;flex-direction:column;align-items:center;width:100%;padding-top:5rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.footer h2{width:47rem;text-align:center;margin-bottom:2.5rem}.footer__btn{background-color:var(--neutral-900);color:var(--neutral-100);border:2px solid var(--neutral-0);border-radius:.5rem;display:flex;gap:1rem;padding:1rem;text-align:center;margin-bottom:1.5rem}.footer__btn img{display:inline-block}.footer__testimonial{display:flex;gap:.5rem;align-items:center;margin-bottom:4rem}.footer__testimonial__avatars img{height:3rem}.footer__social-stars{display:flex;gap:.25rem}.footer hr{border:none;width:80%;border-top:1px solid var(--neutral-700)}.footer__copyright{display:flex;justify-content:space-between;align-items:center;width:80%;padding-top:1.5rem;padding-bottom:1.5rem}.footer__copyright div{color:var(--neutral-100)}.footer__copyright__icons{display:flex;gap:1.5rem}.footer__copyright__icons img{width:22px;height:22px}
