:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#242424;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--div-background-color: rgba(245, 220, 170, .85);--main-color: #3b2f1e}a{font-weight:500;color:#646cff;text-decoration:none;transition:transform .3s ease,font-size .3s ease}a:hover{color:#535bf2;transform:scale(1.2)}body{background-color:#0933091e;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:100vw;min-height:100vh;height:fit-content;font-size:larger;font-weight:600}h1{justify-self:center;box-shadow:0 0 10px #0000001a;background-color:var(--div-background-color);border-radius:40%;text-align:center;text-shadow:2px 2px 4px #0c1f0c;color:var(--main-color);font-size:3.7em;font-family:Courier New,Courier,monospace;margin-bottom:20px;margin-top:2%;padding:20px;width:fit-content;border:3px solid black;font-size:3.2em;line-height:1.1;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:rgb(18,141,7)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}textarea,input{font-size:larger}#footer{justify-self:center;align-self:flex-end;margin-top:5vh;display:flex;justify-content:space-around;align-items:center;width:80%;font-size:x-large;text-align:center;background-color:var(--div-background-color);border-radius:15px;padding:1% 4%;border:3px solid black;z-index:10}.footer-child{color:#2027a3;font-weight:700;width:20%;display:flex;justify-content:center;align-items:center;border-radius:10%;cursor:pointer}.footer i{font-size:34px;margin-right:4%}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#backgroundPic{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:fill;z-index:-1}#welcomeDiv{width:95%;padding:2%}.mainFormContainer{display:flex;justify-content:center;align-items:center}#mainForm{display:flex;flex-direction:column;max-width:70%;max-height:80%;margin:0 auto;background-color:var(--div-background-color);padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:left}#mainForm:hover{box-shadow:3px 3px 20px #31352a;transform:scale(1.02)}.thanksText{font-size:x-large}.charBody{min-height:45vh}#charBackground{position:fixed;inset:0;z-index:-1;background-image:url(/images/background/ChatGPT%20Image%20Jan%2027,%202026,%2009_33_58%20PM.png);background-repeat:no-repeat;background-position:2% center;background-size:cover;filter:saturate(.9) brightness(.95)}.animatedText{font-size:24px}.letter{display:inline-block;transition:transform var(--letter-animate-time) ease,color var(--letter-animate-time) ease;color:var(--default-animate-color)}@keyframes slideshowDance{0%{transform:translate(0)}10%{transform:translate(-1%,1%)}20%{transform:translate(1%,-1%)}30%{transform:translate(-1%,1%)}40%{transform:translate(0)}50%{transform:translate(1%,1%)}60%{transform:translate(-1%,-1%)}70%{transform:translate(1%,1%)}80%{transform:translateY(-1%)}90%{transform:translateY(1%)}to{transform:translate(0)}}@keyframes item1Dance{0%{transform:translate(0)}25%{transform:translate(-10%,10%)}50%{transform:translate(10%,-10%)}75%{transform:translate(-10%,10%)}to{transform:translate(0)}}@keyframes item2Dance{0%{transform:translateY(0)}25%{transform:translateY(-10%)}50%{transform:translateY(10%)}75%{transform:translateY(-10%)}to{transform:translateY(0)}}@keyframes item3Dance{0%{transform:translate(0)}25%{transform:translate(10%,10%)}50%{transform:translate(-10%,-10%)}75%{transform:translate(10%,10%)}to{transform:translate(0)}}@keyframes item4Dance{0%{transform:translate(0)}25%{transform:translate(10%,10%)}50%{transform:translate(-10%,-10%)}75%{transform:translate(10%,10%)}to{transform:translate(0)}}@keyframes item5Dance{0%{transform:translate(0)}25%{transform:translate(-10%,10%)}50%{transform:translate(10%,-10%)}75%{transform:translate(-10%,10%)}to{transform:translate(0)}}.tilt img{display:block;margin:auto;transition:transform .5s ease-in-out;animation:tiltAnimation 2.5s infinite alternate ease-in-out}@keyframes tiltAnimation{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}:root{--slideshow-size: 600px;--menu-item-size: 10vw;--menu-item-hover-size: 10.5vw;--menu-radius: calc(var(--slideshow-size) / 2 + var(--menu-item-size) / 2 + 20px);--scroll-speed-main: 100s;--scroll-speed-mobile: 125s;--review-width: 15%;--review-margin: 40px;--review-dist-per: 0%;--default-animate-color:black;--letter-animate-time:.6s }#mainContainer{width:60vw;height:100vh;justify-self:center;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:.3fr .7fr .3fr;grid-template-areas:"item1 . item2 . item3" ". slide slide slide ." ". item4 . item5 .";padding:4vh 0}.mainContainer>*{justify-self:center;align-self:center}.slideshow{grid-area:slide;width:100%;height:100%;border:5px solid #ffa500;border-radius:50%;overflow:hidden;z-index:2}.slideshow img{width:100%;height:100%;object-fit:cover;transition:opacity 1s ease-in-out}.slideshow-image{transition:opacity 1s ease-in-out}.fade-in{opacity:1}.fade-out{opacity:0}.item1{grid-area:item1;justify-self:flex-end;align-self:flex-end}.item2{grid-area:item2;justify-self:center}.item3{grid-area:item3;align-self:flex-end}.item4{grid-area:item4;align-self:center}.item5{grid-area:item5;justify-self:flex-end;align-self:center}.menu-item{background-image:url(/images/Other/Leaf.png);background-repeat:no-repeat;background-size:140% 140%;background-position:-2vw;width:var(--menu-item-size);height:var(--menu-item-size);display:flex;align-items:center;justify-content:center;text-decoration:none;padding:1%;color:#d9ffad;font-weight:900;text-align:center;font-size:170%;font-family:Verdana,Geneva,Tahoma,sans-serif;transition:transform .3s ease,font-size .3s ease;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgb(49,31,10)}.menu-item:hover{cursor:pointer;width:var(--menu-item-hover-size);height:var(--menu-item-hover-size);transform:scale(1.2);color:#d2691e}.dancing.item1{animation:item1Dance 8s infinite}.dancing.item2{animation:item2Dance 8s infinite}.dancing.item3{animation:item3Dance 8s infinite}.dancing.item4{animation:item4Dance 8s infinite}.dancing.item5{animation:item5Dance 8s infinite}.dancing.slideshow{animation:slideshowDance 8s infinite}.review-parent{position:fixed;top:0;bottom:0;width:var(--review-width);margin:var(--review-margin);overflow:hidden;z-index:2}.reviews-left{left:0}.reviews-right{right:0}.review-container{animation:scrollUp var(--scroll-speed-main) linear infinite}@keyframes scrollUp{0%{transform:translateY(60%)}to{transform:translateY(-120%)}}.review-child{font-size:150%;font-weight:700;margin-bottom:20px;padding:10px;background-color:var(--div-background-color);border-radius:10px;box-shadow:0 0 5px #0003;color:var(--main-color);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgb(18,141,7)}.review-offset{margin-left:60px}#bookHeader{width:fit-content}#bookContainer{justify-self:center;width:90vw;height:fit-content;display:flex;flex-direction:column}.bookParent{width:inherit;height:40vh;margin:1vh 0;display:flex;justify-content:space-between}.bookImage,.bookInfo{height:inherit}.bookImage{width:25%}.bookImage img{width:90%;border-radius:12px}.bookTitle{width:fit-content;height:20%;font-size:2.5vw;font-weight:700}.bookInfo{width:73%;display:flex;flex-direction:column;align-items:flex-start}.bookDesc{font-size:130%;font-weight:600;white-space:pre-wrap;text-align:left}#creatorsHeader{width:fit-content;padding:0 2vw}.creatorParent{justify-self:center;width:80vw;height:fit-content;display:flex;justify-content:space-between;border-top:1px solid black;margin-bottom:3vh}.creatorDesc{width:25%;height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.creatorBio{width:70%;white-space:pre-wrap;font-size:2vh;font-weight:700;padding:1vw}.creatorName,.creatorImage,.creatorJob{width:95%;font-size:200%;font-weight:700}.creatorName{height:15%;display:flex;flex-direction:column;justify-content:flex-end}.creatorImage{height:60%}.creatorImage img{height:100%;border-radius:10px}.creatorJob{height:15%}.carousel-container{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:2rem;overflow:hidden}.carousel-arrow{font-size:2.5rem;background:transparent;border:none;cursor:pointer;color:#ceac7c;transition:transform .2s ease;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgb(14,8,2)}.carousel-arrow:hover{transform:scale(1.2)}.card{width:440px;padding:24px;background:#fff8dce6;border-radius:20px;box-shadow:0 6px 18px #0003;text-align:center;height:55vh;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,opacity .3s ease}.slide-in{transform:translate(0);opacity:1;animation:popIn .35s ease}.slide-out-left{transform:translate(120%);opacity:0}.slide-out-right{transform:translate(-120%);opacity:0}.avatar{height:50%;border-radius:50%;border:6px solid #efa94c;margin-bottom:12px;overflow:hidden}.avatar img{height:100%}.name{font-size:2rem;color:#3b2f1e;margin-bottom:.3rem;font-weight:700}.info{height:30%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.info p{margin:.6rem 0;font-size:1.4rem;color:#3b2f1e}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}#blogBackground{position:fixed;inset:0;z-index:-1;background-image:url(/images/background/charley\'s%20mom%20writing.png);background-repeat:no-repeat;background-position:2% center;background-size:cover;filter:saturate(.9) brightness(.95)}#blogContainer{justify-self:center;width:65vw;min-height:65vh;height:fit-content;display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:5vw;row-gap:5vh}.blogParent{height:40vh;border-radius:5px}.blogImage,.blogDesc{border:3px solid rgb(0,0,0);border-radius:2px;height:49%;color:#000;font-size:larger;display:flex;place-items:center;background-color:#f0f8ffd3}.blogDesc{padding:0 1vw}.blogImage img{height:100%;width:100%}.blogBody{font-size:150%;max-width:65vw;margin:3rem auto;padding:2.5rem 3rem;background:#fff8dcde;border-radius:24px;box-shadow:0 10px 30px #00000026;line-height:1.75;color:#3b2f1e}.blogHeader{padding:4vh 3vw}