html{font-size:3vw}: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-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:2vw;width:fit-content;border:3px solid black;font-size:2.7em;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:75%;max-height:15vh;font-size:40%;text-align:center;background-color:var(--div-background-color);border-radius:15px;padding:10% 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:cover;z-index:-1}#welcomeDiv{width:75%;padding:2vw;max-height:fit-content;font-size:1.1em}#mainFormContainer{display:flex;justify-content:center;align-items:center;justify-self:center;max-width:70vw;max-height:fit-content;width:60%}#mainForm{display:flex;flex-direction:column;margin:0 auto;background-color:var(--div-background-color);padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:left;width:100%;height:100%;font-size:1.7vw}#mainForm:hover{box-shadow:3px 3px 20px #31352a;transform:scale(1.02)}.thanksText{font-size:x-large}#formSubmitButton{margin-top:3vh;font-weight:700;letter-spacing:2px;padding:10px 20px;background-color:orange;color:#000;border:none;border-radius:10px;cursor:pointer}.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:clamp(1rem,2.5vw,2rem);text-align:center}*,*:before,*:after{box-sizing:border-box}img,video{max-width:100%;height:auto}:root{--slideshow-size: 600px;--menu-radius: calc(var(--slideshow-size) / 2 + var(--menu-item-size) / 2 + 20px);--scroll-speed-main: 100s;--scroll-speed-mobile: 125s;--review-width: 18%;--review-margin: 40px;--review-dist-per: 0%;--review-font: 25%;--default-animate-color: black;--letter-animate-time: .6s }#mainContainer{width:60vw;height:80vh;min-height:687px;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;z-index:2}.mainContainer>*{justify-self:center;align-self:center;z-index:3}.slideshow{grid-area:slide;border:5px solid #ffa500;border-radius:50%;overflow:hidden;z-index:2}.menu-item{background-image:url(/images/Other/Leaf.png);background-repeat:no-repeat;background-size:140% 140%;background-position:-2vw;width:100%;height:100%;font-size:.6em;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:1%;color:#d9ffad;font-weight:900;text-align:center;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)}.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}.item2{grid-area:item2}.item3{grid-area:item3}.item4{grid-area:item4}.item5{grid-area:item5}.menu-item:hover{cursor:pointer;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:0;padding:0 1vw}.reviews-left{left:0;font-size:var(--review-font)}.reviews-right{right:0;font-size:var(--review-font)}.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;font-size:1rem}.bookParent{width:inherit;margin:1vh 0;display:flex;justify-content:space-between;font-size:40%;max-height:fit-content}.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;font-size:1.3em}.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:6vh;font-size:1rem}.creatorDesc{margin:6vh 0;top:4vh;position:sticky;width:35%;max-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:40%}.creatorBio{width:70%;white-space:pre-wrap;font-size:60%;font-weight:700;padding:1vw}.creatorName,.creatorImage,.creatorJob{width:95%;font-weight:700;font-size:1.7em}.creatorName{height:15%;display:flex;flex-direction:column;justify-content:flex-end}.creatorImage{height:45%;margin:2vh 0}.creatorImage img{height:100%;border-radius:10px}.creatorJob{height:15%}.carousel-container{display:flex;align-items:center;justify-content:center;margin-top:2rem;overflow:hidden;width:70vw;height:65vh;min-width:300px}.carousel-arrow{font-size:140%;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:50%;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;font-size:16px;min-width:240px;max-width:310px}.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{color:#3b2f1e;margin-bottom:.3rem;font-weight:800;letter-spacing:.2em}.info{overflow:hidden;height:30%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.info p{margin:0;font-size:110%;color:#3b2f1e;letter-spacing:6%}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.charBody{min-height:55vh;max-height:fit-content;display:flex;flex-direction:column;align-items:center}#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)}#characterHeader{width:fit-content;font-size:1.5rem;display:flex;flex-direction:column;justify-content:space-between}#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)}#blogMainId{font-size:1.3rem}#blogContainer{justify-self:center;width:65vw;min-height:65vh;height:fit-content;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));column-gap:5vw;row-gap:5vh;font-size:.4rem}.blogParent{height:40vh;width:100%;border-radius:5px;min-height:280px}.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;font-size:100%}.blogDesc{padding:0 1vw;font-size:90%}.blogImage img{height:100%;width:100%}.blogHeader{padding:4vh 3vw;font-size:1.1rem;width:80vw;-webkit-text-stroke-width:1px}.blogBody{font-size:70%;max-width:75vw;padding:1.5rem 3rem;background:#fff8dcde;border-radius:24px;box-shadow:0 10px 30px #00000026;line-height:1.75;color:#3b2f1e}@media(orientation:portrait){#mainContainer{min-height:10px}}@media screen and (max-width:1024px){.review-parent{display:none}#welcomeDiv{-webkit-text-stroke-width:1px}#mainContainer{width:70vw}#mainFormContainer{width:unset}#footer{font-size:60%}.item-parent{font-size:1.4em}.creatorBio{font-size:.8em}.creatorDesc{font-size:.5em}#blogContainer{width:75vw}.blogDesc{font-size:130%}.blogHeader{font-size:1.5rem}.blogBody{font-size:90%;align-self:center;margin:0 10vw}}@media screen and (max-width:1024px)and (orientation:landscape){.carousel-container{height:100vh}.card{height:100%}}@media screen and (max-width:768px){#welcomeDiv{font-size:1.9em;width:80vw}#mainContainer{grid-template-columns:repeat(5,1fr);grid-template-rows:3fr repeat(7,1fr);grid-template-areas:". slide slide slide ." ". slide slide slide ." ". item1 . item2 ." ". item1 . item2 ." ". item3 . item4 ." ". item3 . item4 ." ". . item5 . ." ". . item5 . ."}.item-parent{font-size:1.8em;letter-spacing:10%}.menu-item{color:#5c1302;-webkit-text-stroke-color:rgb(58,55,52);-webkit-text-stroke-width:2px;background-color:#b48f5aa1;border-radius:25px}#mainForm{font-size:3vw}#footer{font-size:.9rem;padding:10% 0}.bookParent{flex-direction:column;align-items:center}.bookImage{width:50%}.bookTitle{font-size:2em}.bookInfo{font-size:2em;align-items:center}.bookDesc{text-align:center}.creatorDesc{max-height:50vh;width:30%;font-size:.6em}.creatorBio{width:65%;font-size:.9em}#characterHeader{-webkit-text-stroke-width:1px;font-size:2.5rem}.carousel-container{height:fit-content;display:grid;align-content:space-between;grid-template-columns:repeat(4,1fr);grid-template-rows:4fr 1fr;grid-template-areas:". b b ." ". a c ."}.card{grid-area:b;width:60vw}.leftCharArrow{grid-area:a;font-size:2.5rem}.rightCharArrow{grid-area:c;font-size:2.5rem}#blogMainId{font-size:2rem}.blogDesc{font-size:210%}.blogHeader{font-size:1.9rem}.blogBody{font-size:170%;align-self:center;margin:0 10vw}}@media screen and (max-width:481px){.blogDesc{font-size:260%}}@media screen and (max-width:450px){#welcomeDiv{font-size:2.2em}#footer{flex-direction:column;align-items:flex-start;justify-content:unset;max-height:fit-content;padding:0;font-size:1.3rem}.footer-child{width:100%;height:80%;line-height:100%}#bookHeader{-webkit-text-stroke-width:1px}.bookInfo{font-size:3em}#creatorsHeader{-webkit-text-stroke-width:1px}.creatorParent{flex-direction:column;align-items:center}.creatorName,.creatorJob{width:200%;font-size:1.8em}.creatorDesc{position:unset;font-size:1em;max-height:fit-content}.creatorBio{font-size:1.3em;width:85%}.creatorImage{width:7em}#blogMainId{font-size:3rem;-webkit-text-stroke-width:1px}.blogDesc{font-size:360%}}@media screen and (max-width:375px){#welcomeDiv{min-width:274px}#mainContainer{min-width:256px;height:90vh;grid-template-columns:repeat(3,1fr);grid-template-rows:3fr repeat(5,1fr);grid-template-areas:"slide  slide  slide" ". item1 ." ". item2 ." ". item3 ." ". item4 ." ". item5 ."}.item-parent{font-size:2.6em}#mainForm{font-size:3.8vw;min-width:202px}.bookImage{width:75%}}