:root{--white: #ffffff;--green: #27694d;--yellow: #daa520;--red: #ef4444;--brown: #383129;--black: #2a2622;--title: #2b2622;--text: #7c736a;--border: #E7E2DA;--background: #f7f4ef;--card: #fcfaf7;--secondary: #eeebe4;--shadow: #c4b8a8;--favorite: #eaf0ed}body,#root{width:100vw;height:100vh;display:block;margin:0;background-color:var(--background);font-family:ptserif}.topbar-wrapper{display:flex;flex-direction:row;width:100%;background-color:var(--secondary);justify-content:space-between}.logo{display:flex;flex-direction:row}.logo-text{display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none}.logo-text-main{font-family:rye,"monospace";font-size:2em;display:flex;flex-direction:row}.logo-text-description{font-family:ptserif,"sans-serif";display:flex;flex-direction:row}.logo-image{background-color:green;display:flex;width:30px;height:30px;margin:20px;padding:5px;border-radius:7px}.searchbar{width:50%;display:flex;align-items:center;flex-direction:row}.search-input{height:20%;width:85%;font-size:22px;font-family:ptserif;padding:10px}.search-icon{margin:10px;height:25px;width:25px;padding:6px;border-radius:6px;transition:background-color .2s ease,transform .2s ease}.search-icon:hover{cursor:pointer;background-color:var(--shadow)}.topbar-navbutton{display:flex;align-self:center;font-size:25px;font-weight:600}.topbar-navbutton:hover{cursor:pointer}.section-wrapper{display:flex;flex-wrap:wrap;place-content:center;height:300px;flex-direction:column;font-family:rye;text-align:center}.section-main{font-size:40px;width:70%}.section-description{font-family:ptserif;font-size:30px;margin-top:15px}.card-wrapper{display:flex;width:350px;height:580px;flex-direction:column;border-style:solid;border-width:2px;border-color:var(--border);border-radius:8px;gap:10px;background-color:var(--card)}.card-wrapper:hover{cursor:pointer}.image-section{position:relative;width:300px;height:450px;display:flex;align-self:center;margin-top:25px}.icon-heart{position:absolute;right:0;margin-right:15px;margin-top:15px;padding:10px;background-color:var(--favorite);border-radius:30px;width:35px;height:35px}.svg-icon-heart{fill:var(--red)}.image-cover{width:300px;height:450px;object-fit:fill}.description-section{margin-left:25px;margin-right:25px;display:flex;height:100%;flex-direction:column;justify-content:space-evenly}.description-title{font-family:rye;font-size:28px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description-author{font-size:22px}.description-yor{font-size:16px}.collection-wrapper{display:grid;grid-template-columns:repeat(auto-fit,350px);gap:30px;margin-left:15px;margin-right:15px;justify-content:center}.card-wrapper-collection{width:fit-content}@font-face{font-family:rye;src:url(/assets/Rye-Regular-BAwH82du.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ptserif;src:url(/assets/PTSerif-Regular-DPh-w9Z0.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}