:root{--background-color:#000000;--main-color:#ffffff;--secondary-color:#ffffff;--tertiary-color:#cacaca;--font-family:"IBM Plex Sans",sans-serif;--secondary-font:"Space Grotesk",sans-serif}body{background-color:var(--background-color);margin:max(1rem,4vw) auto;padding:auto;width:clamp(300px,90vw,1200px);height:100%;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto}h2{font-family:var(--font-family);font-size:28px;font-weight:700;color:var(--main-color);padding:0}h2,h4{margin:0;text-align:left}h4{font-family:var(--secondary-font);font-size:14px;font-weight:500;letter-spacing:.12rem;color:var(--secondary-color);align-items:center;justify-content:center}p{font-family:var(--font-family);color:var(--tertiary-color);padding:6px 0 0;font-size:16px}p,ul{margin:0}ul{padding:0 0 0 20px;text-decoration:none}.logo{width:2.4rem;height:auto;margin:0;padding:0}.logo,ul li{align-items:left}ul li{font-family:var(--font-family);font-size:16px;font-weight:300;color:var(--tertiary-color);justify-content:left;text-align:left;margin:.6rem auto auto;list-style:decimal}img{width:auto;height:20rem;max-width:100%;max-height:100%;margin:auto;padding:auto;border-radius:1.1rem;box-shadow:0 0 20px 0 #29282A}button{font-family:var(--font-family);font-size:12px;font-weight:700;width:44%;color:var(--background-color);background-color:var(--main-color);border:0;border-radius:8px;padding:.6rem 0;box-shadow:0 6px 0 #999999}a{font-family:var(--secondary-font);font-size:14px;text-decoration:none;color:var(--main-color);margin:0;padding:0;align-items:right;justify-content:center}button:hover{box-shadow:none;transition:all .4s ease-in;cursor:pointer}.fullPage{height:100lvh;display:flex;flex-direction:column;justify-content:space-around;padding:auto;margin:0}.landingMainText{height:auto;width:100%;gap:30px;margin:2rem auto auto;padding:0 .4rem 20px;max-width:clamp(300px,90vw,340px);overflow-x:hidden;overflow-y:auto}.landingMainText,.landingSection{display:flex;flex-direction:column;justify-content:center;align-items:left;transition:all .4s ease-in-out;z-index:1}.landingSection{padding:0}.landingSocial{display:flex;flex-direction:row;width:100%;margin:0;padding:0;gap:1rem}.landingSocial p{width:100px;color:var(--tertiary-color);font-weight:300}.landingSocial ul{margin:0;padding:0}.landingSocial a{font-family:var(--font-family);font-size:14px;text-decoration:none;color:var(--main-color);background-color:none;border-radius:100px;padding:0;width:200px;margin:auto auto 0;align-items:left}.landingSocial a:hover{color:#FC915F}nav{padding:auto;max-width:50%;margin:auto}.textCross{font-family:Tanker,sans-serif;-webkit-text-decoration:line-through 4px;text-decoration:line-through 4px}.imageHover{z-index:2;position:absolute}.navbar{justify-content:space-between;max-width:clamp(300px,90vw,340px);margin:auto}.navbar,.navbar-wrapper{display:flex;flex-direction:row;align-items:center}.navbar-wrapper{gap:1.2rem}.bookgrid{width:50%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;margin:2rem auto auto}.book,.bookgrid{position:relative}.book{display:flex;flex-direction:column;gap:.2rem;background-color:var(--background-color);border:1px solid #29282a;padding:8px;justify-content:left;margin:0;word-break:break-word}.book:hover{transition:all .4s ease-in-out;background-color:#252525;z-index:10}.book p{height:auto;font-size:12px;align-items:center;color:#464646;justify-content:center}.book h4,.book p{width:100%;padding:0;margin:0;position:relative;word-break:break-word}.book h4{font-size:14px;letter-spacing:0;align-items:left}.book img{height:160px;width:auto;border-radius:4px}.bookdatacontain{display:flex;flex-direction:row;justify-content:space-around}.notegrid{display:grid;grid-template-rows:1fr;border-radius:2rem;max-width:50%;align-items:center;margin:2rem auto auto}.notecontainer{display:flex;flex-direction:row;justify-content:space-between;border:1px solid #29282a;margin:0;align-items:center;padding:.8rem;transition:all .4s ease-out}.notecontainer p{font-size:12px;padding:0;margin:0;align-items:center;color:#464646}.notecontainer h4{font-size:14px;letter-spacing:0}.notecontainer:hover{background-color:#252525;border-bottom:1px dashed #2f2f2f;padding:.8rem;transition:all .1s ease-in}.designgrid{margin-top:2rem;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;grid-auto-flow:dense;align-items:start;padding:0;height:100%}.designcontainer{box-sizing:border-box;border:1px solid #252525;height:240px;width:100%;padding:1rem}.designcontainer img{height:auto;width:100%;object-fit:contain;border-radius:8px;box-shadow:none}