@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Luxurious+Script&family=Pinyon+Script&display=swap";@import"https://fonts.googleapis.com/css2?family=Birthstone&display=swap";.Presentation{display:flex;flex-direction:column;align-items:center;justify-content:center}.Signature{height:20rem;display:flex;justify-content:center;overflow:hidden}.signature{filter:invert(90%) sepia(4%) saturate(5512%) hue-rotate(330deg) brightness(100%) contrast(109%);height:20rem;top:0%;left:-37%;transform:translate(-100%);opacity:0;animation:draw-signature 7s forwards}@keyframes draw-signature{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.Texte{text-align:justify;font-size:25px;width:60%;margin-bottom:30px}.signature.active{opacity:1}@media screen and (max-width:768px){.signature{width:90%;height:auto;object-fit:contain;padding-top:1rem}.title-burger{position:fixed;width:100%;padding:1rem;background-color:#1e1d1d;border-bottom:1px solid #f6d171}.Texte{width:20rem;padding:1rem}}.About-All{display:flex;flex-direction:column;color:var(--font);font-size:20px;line-height:2.2rem;align-items:center;overflow-x:hidden}.About-All .portrait{object-fit:cover;width:100%;display:flex;justify-content:center;margin:1rem}.About-All .portrait img{border:4px solid var(--font);border-radius:10rem;height:21rem;width:18rem}.About-All .description{display:flex;justify-content:flex-end;padding-right:1rem}.About-All .photo-portrait{width:100%;display:flex;justify-content:center}.About-All .photo-portrait img{width:100%}.About-All .Title{font-style:oblique;font-size:40px;display:flex;justify-content:center}.About-All .Biography{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:3rem}.About-All .Biography p{margin-top:3rem;width:50rem;text-align:justify}.About-All .Biography p:first-letter{line-height:.2;font-size:3em;font-weight:700;float:left;margin-right:5px}@media screen and (max-width:768px){.About-All{margin-left:0;padding-top:1rem;width:100%;align-items:center}.About-All .photo-portrait img{width:90%}.About-All .portrait .photo-portrait{object-fit:cover;width:90%;display:flex;justify-content:center;margin:1rem}.About-All .Biography p{width:90%;margin:2rem 1rem;font-size:1.2rem}}.books-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}.books-container input[type=text]{background-color:transparent;border:1px solid var(--font);border-radius:5px;color:var(--font);padding:8px;margin-right:16px}.books-container [type=file]{display:flex;justify-content:center;background-color:transparent;border:1px solid #f6d171;border-radius:5px;color:#f6d171;padding:8px}.books-intro{display:flex;justify-content:center;gap:1rem}.Book-Picture{width:10rem;height:14rem;border:2px solid #f6d171;box-shadow:#4d0408 0 0 0 2px inset,#eae8d5 1px -1px 0 -1px,#2e0202 2px -2px;margin:10px;filter:brightness(121%)}.book-style{margin:50px;width:14rem;height:20rem;display:flex;align-items:center;justify-content:center;background-color:var(--red);object-fit:contain;box-shadow:var(--red) 0 0 0 2px inset,#d1d1ce 5px -10px 0 -10px,#eff3ef 5px -5px,#d1d1ce 10px -15px 0 -10px,#eae9e5 10px -10px,#d1d1ce 20px -20px 0 -10px,#efebe9 15px -15px,#d1d1ce 25px -20px 0 -10px,var(--red) 25px -20px;border-radius:8px 3px 3px 8px}.book-style:hover{box-shadow:var(--blue) 0 0 0 2px inset,#d1d1ce 5px -10px 0 -5px,#eff3ef 5px -5px,#d1d1ce 10px -16px 0 -5px,#eae9e5 10px -10px,#d1d1ce 20px -22px 0 -5px,#efebe9 20px -15px,#d1d1ce 30px -26px 0 -5px,var(--blue) 30px -28px;background-color:var(--blue);cursor:pointer}.book{width:16rem;margin:2rem;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:1rem;opacity:0;animation:fadeIn .8s ease forwards}.book h3{height:3rem;color:var(--font);font-size:25px;font-style:oblique}.book:nth-child(1){animation-delay:.4s}.book:nth-child(2){animation-delay:.6s}.book:nth-child(3){animation-delay:.8s}.book:nth-child(4){animation-delay:1.2s}.book:nth-child(5){animation-delay:1.6s}.book:nth-child(6){animation-delay:2s}.Lettrine:first-letter{line-height:.2;font-size:3em;font-weight:700;float:left;margin-right:5px}.Changebook{margin:20px;background:transparent;border:1px solid var(--font);border-radius:30px;color:var(--font);width:200px;height:30px;cursor:pointer}.book-style{position:relative}.Corner{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.CornerT,.CornerB{position:absolute;width:3rem;height:3rem}.CornerT{top:.1rem;right:-.1rem;transform:scaleY(-1)}.CornerB{bottom:-.1rem;right:-.1rem}.form{display:flex;flex-direction:column;margin-top:16px}.label{margin:16px}.select{background-color:var(--background);color:#fff}.NoBook{font-size:30px;display:flex;padding:30px;justify-content:center;align-items:center;position:relative;margin:2rem auto;text-align:center}.picture{width:200px;height:200px;object-fit:cover}.Add-Book{width:30rem}input[type=file]::-webkit-file-upload-button{margin:20px;background:transparent;border:1px solid #f6d171;border-radius:30px;color:#f6d171;width:200px;height:30px}input[type=file]::-webkit-file-upload-button:hover{box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009;background:#f6d171;color:var(--background)}input[type=reset]{margin:20px;background:transparent;border:1px solid #f6d171;border-radius:30px;color:#f6d171;width:200px;height:30px}input[type=reset]:hover{box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009;background:#f6d171;color:var(--background)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.books-container{padding-top:1rem;justify-content:center}.books-intro{display:flex;flex-direction:column;padding-top:1rem;justify-content:center}.book{width:17rem}.book-style{justify-content:center;width:200px;height:300px;margin:0}.Book-Picture{width:150px;height:230px}.Add-Book{display:flex;flex-direction:column;width:20rem}.Corner .CornerT,.Corner .CornerB{width:30px;height:30px}}.glitter-container{top:0;left:0;z-index:-1000}.glitter{position:absolute;width:3px;height:3px;background:linear-gradient(45deg,#f8d61e,transparent);border-radius:50%;animation:glitter 10s;filter:brightness(100%)}@keyframes glitter{0%{transform:translateY(-90%) rotate(0);opacity:0}50%{transform:translateY(0) rotate(180deg);opacity:.5}75%{transform:translateY(0) rotate(180deg);opacity:.7}to{transform:translateY(90%) rotate(360deg);opacity:1}}.Contact{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:3rem}.Contact h2{font-size:30px}.Contact .Encrier{height:100px}.Contact form{display:flex;flex-direction:column;align-items:center;justify-content:center}.Contact form div{margin:20px}.Contact form div input[type=text],.Contact form div input[type=email]{background-color:#1e1d1d;border:1px solid #f6d171;border-radius:5px;color:#f6d171;width:32rem;height:30px;padding:10px;font-size:20px}.Contact form .contact-message textarea{height:250px;width:32rem;background-color:#1e1d1d;border:1px solid #f6d171;border-radius:5px;color:#f6d171;font-size:20px;padding:10px}.Contact form .form-container{display:flex;justify-content:center;align-items:center;margin:2rem;flex-direction:column}.Contact input[type=text],.Contact input[type=email]:focus{background-color:#1e1d1d;color:#f6d171}@media screen and (max-width:768px){.Contact{padding-top:1rem}.Contact form div input[type=text],.Contact form div input[type=email],.Contact form div .contact-message textarea{width:17rem}}.Book-container{position:relative;top:0;left:0;width:100%;height:100vh;perspective:2500px;perspective-origin:50% 50%;overflow:hidden;z-index:9999;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.Book-container:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(ellipse at center,rgba(255,220,150,.15) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}.Book-container.open{transition:opacity .5s ease 3s,z-index 0s 3.5s}.Book-container.open .Book-left{transform:rotateY(-180deg);box-shadow:2px 0 10px #0000004d,10px 0 30px #0003,20px 0 50px #0000001a}.Book-container.open .Book-left:before{opacity:0;transform:translate(100%)}.Book-container.open .Book-leftsecond{transform:rotateY(-180deg);box-shadow:2px 0 8px #0003,8px 0 20px #00000026}.Book-container.open .splash-home{opacity:1;transform:scale(1);z-index:10;pointer-events:auto}.Book-container.finished{opacity:0;pointer-events:none;z-index:-1}.Book-left{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/MyNewProject/assets/slpash_book_red_dt-C1pFAhfB.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;transform-origin:left center;transform:rotateY(5deg);transform-style:preserve-3d;backface-visibility:hidden;transition:transform 2.5s cubic-bezier(.645,.045,.355,1);z-index:3;box-shadow:-2px 0 10px #0000004d,-10px 0 30px #0003,-20px 0 50px #0000001a}.Book-left:after{content:"";position:absolute;left:0;top:0;bottom:0;width:50px;background:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.1) 70%,transparent 100%);z-index:1}.Book-left:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 800px 600px at 70% 40%,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 30%,transparent 60%);opacity:1;transition:all 1.5s ease;pointer-events:none;z-index:2}.Book-leftsecond{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#f5e6c8,#f2e6ae,#f5e6c8);transform-origin:left center;transform:rotateY(3deg);transform-style:preserve-3d;backface-visibility:hidden;transition:transform 2.5s cubic-bezier(.645,.045,.355,1) .3s;z-index:2}.Book-leftsecond:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.015) 2px,rgba(0,0,0,.015) 4px);pointer-events:none}.Book-leftsecond{box-shadow:-2px 0 8px #0003,-8px 0 20px #00000026}.splash-home{position:absolute;inset:0;opacity:0;transform:scale(.95);transition:opacity 1.5s ease .5s,transform 1.5s ease .5s;z-index:-1;pointer-events:none}.Book-container:after{content:"";position:absolute;bottom:0;left:50%;width:4px;height:4px;background:#ffdc9699;border-radius:50%;animation:float-particles 3s ease-in-out infinite;pointer-events:none;box-shadow:-100px 20px #ffdc9666,100px 40px #ffdc9666,-50px 60px #ffdc964d,50px 80px #ffdc964d}@keyframes glow{0%{transform:translate(-50%,-50%) scale(.5);opacity:.5}50%{transform:translate(-50%,-50%) scale(2);opacity:.2}to{transform:translate(-100%,-100%) scale(.5);opacity:1}}@keyframes apparition{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.Book-container{perspective:1500px}.Book-left,.Book-leftsecond{transition-duration:2s;width:105vw;height:100svh}.Book-left{background:url(/MyNewProject/assets/slpash_book_red-DwPs-8tl.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%}}.Filter_container{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%}.Filter_container .Characters,.Filter_container .Books{margin:2rem;display:flex;justify-content:center;width:100%}.Filter_container label{width:14rem;font-size:1.5rem;margin:1rem}@media screen and (max-width:768px){.Filter_container{padding-top:1rem}.Filter_container .Characters,.Filter_container .Books{flex-direction:column;align-items:center}.Filter_container label{width:auto;font-size:1.2rem;margin:.5rem}.Filter_container .select-style{margin-top:1rem}}.All-Cart{padding-top:3rem}.All-Cart h2{display:flex;justify-content:center;font-family:Kaushan Script,cursive;margin-bottom:2rem}.All-Cart p{padding:.5rem;display:flex;justify-content:center;font-size:1.3rem}.All-Cart h3{text-decoration:underline;text-underline-offset:.5rem;font-size:1.5rem;margin:2rem;font-style:oblique}.All-Cart .bookTitle{height:6rem;text-align:center;display:flex;justify-content:center;margin-top:1rem;font-family:Luxurious Script;font-size:2.3rem}.All-Cart .my-list{display:flex;align-items:center;justify-content:space-evenly}.All-Cart .my-list h2{text-align:center}.Contenu ul{display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none;padding:0}.Contenu ul li{display:flex;flex-direction:column;justify-content:center;align-items:center}.Contenu ul .cartBook{width:30%;margin-bottom:20px;padding:10px;border:1px solid var(--blue);background:#ffffff1a;box-shadow:0 0 5px #0000001a}.Contenu ul .cartBookContent{text-align:center}.Contenu ul .cartPicture img{width:15rem;height:20rem;margin-bottom:1rem}.toSelect,.toRemove{display:flex;justify-content:center;align-items:center;margin:2rem}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.cartBook{width:30%;margin-bottom:20px;padding:10px;border:1px solid #ccc;box-shadow:0 0 5px #0000001a;animation:slideInLeft .5s ease forwards}.message,.removeMessage,.clearMessage{display:flex;background-color:var(--font);height:2rem;font-size:1.4rem;color:#000;font-weight:700;justify-content:center;align-items:center;width:100%}.cartBook:nth-child(1){animation-delay:.2s}.cartBook:nth-child(2){animation-delay:.4s}.cartBook:nth-child(3){animation-delay:.6s}@media screen and (max-width:768px){.All-Cart{padding-top:1rem;display:flex;align-items:center;flex-direction:column}.Contenu ul{display:flex;flex-direction:column;align-items:center;list-style:none;padding:0}.Contenu ul li{display:flex;flex-direction:column;justify-content:center;align-items:center}.Contenu ul .cartBook{width:80%;margin-bottom:20px;padding:10px;border:1px solid #ccc;box-shadow:0 0 5px #0000001a}.Contenu ul .cartBookContent{text-align:center}.toSelect,.toRemove{display:flex;justify-content:center;align-items:center;margin:2rem}.my-list{display:flex;align-items:center;flex-direction:column}}.Login{display:flex;flex-direction:column;align-items:center;font-family:Birthstone,cursive}.Login h2{font-size:3rem;text-align:center;margin:0 1rem 0 0}.Connect{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.form-container{width:99%;max-width:400px;padding:1rem}.form-field{width:99%;margin-bottom:1rem}input{width:99%;background-color:#1e1d1d;border:1px solid #f6d171;border-radius:5px;color:#f6d171;padding:10px;font-size:18px}.password-field{display:flex;align-items:center;gap:10px;width:99%;margin-bottom:1rem}input.check{width:1.3rem;height:1.3rem;accent-color:#f6d171;cursor:pointer}.Bouton_Connect{display:flex;justify-content:center;margin-top:1.5rem}.Calendar label{display:block;margin-bottom:5px}.Calendar input{width:100%}.toggleButton{background:var(--font);font-size:1rem;font-weight:600;cursor:pointer;padding:0 1rem;margin-bottom:1rem;border-radius:3rem}@media(max-width:768px){.Login{padding-top:1rem}.form-container{padding:.5rem}input{font-size:16px;width:94%}.Calendar input{width:94%}.Connect{padding-bottom:2rem;width:94%}}.All_Quotes{margin:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.All_Quotes .Quotes{font-size:20px;margin:10px;padding:2rem;width:80%;line-height:1.5;text-align:center;border-radius:1rem;border:1px solid var(--font);background:#ffffff1a;box-shadow:0 0 5px #0000001a}.All_Quotes h3 p{text-transform:uppercase;font-size:20px;margin:10px;line-height:1.5;text-align:center}.All_Quotes .quotes_title{font-family:Kaushan Script,cursive}.All_Quotes .quotes_intro{font-size:1.1rem;font-style:oblique}.All_Quotes .Line{display:flex;justify-content:center;height:25px}.All_Quotes .Find{display:flex;justify-content:center}.All_Quotes .Find input[type=search]{margin:20px;background:#ffffff1a;border:1px #f6d171 solid;border-radius:30px;color:#f6d171;width:30rem;height:3rem;padding-left:1rem}@media screen and (max-width:768px){.All_Quotes{margin:0;padding-top:1rem}.All_Quotes .quotes_intro{font-size:1.3rem;font-style:oblique;padding:0 1rem}.Quotes{font-size:15px;margin:10px;line-height:1;text-align:center}.Quotes .Line img{width:80%}.Find{width:20rem;display:flex;justify-content:center;flex-direction:column}.All_Quotes .Find input[type=search]{width:18rem}}.navbar{position:relative;width:100%;z-index:1000;background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(246,209,113,.2);padding-top:.8rem;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.navbar .brandt{width:95%;margin:auto;display:flex;justify-content:space-between;position:relative;z-index:1001}.navbar .title{color:#f6d171;display:flex;flex-direction:column;font-family:Kaushan Script,cursive;margin-bottom:1rem;z-index:1;font-size:2.2rem;font-weight:800;color:var(--secondary-color);letter-spacing:1px;text-shadow:1px 1px 2px #fff}.navbar a{color:var(--font);text-decoration:none}.navbar h3{margin:5px 0 0;font-size:1.2rem;font-weight:400;text-align:center}.navbar .title-with-logo{display:flex;align-items:center;gap:.8rem}.navbar .encrier{width:32px;height:auto}.navbar .nav-wrapper{width:100%}.navbar .links{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-size:1.4rem;width:100%;max-height:0;opacity:0;overflow:hidden;transition:all .3s ease;padding:0;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin:1rem auto;z-index:999}.navbar .links.open{max-height:500px;opacity:1;padding:1rem 0}.navbar .link{width:100%;padding:1rem 0;text-align:center;text-decoration:none;color:#f6d171;transition:color .3s ease}.navbar .link:hover{color:#fff}.navbar .link:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:3px;background:var(--font);transition:width .3s ease}.navbar .link:hover:after{width:100%}.navbar .burger-icon{display:flex;flex-direction:column;justify-content:space-between;background:#ffffff0d;width:28px;height:22px;cursor:pointer;z-index:2000}.navbar .burger-icon span{display:block;height:3px;background-color:#f6d171;border-radius:2px;transition:all .3s ease}@media(min-width:769px){.navbar .encrier{width:60px}.navbar .nav-wrapper{width:55%}.navbar .links{flex-direction:row;justify-content:space-between;align-items:center;height:45px;max-height:none;opacity:1;padding:0 2.5rem;border-radius:30px}.navbar .link{width:auto;padding:0;text-align:left;font-size:1.2rem}.navbar .burger-icon{display:none}}.Medaillon{display:flex;justify-content:center;align-items:center;transform:translate(0);animation:translation 8s linear forwards;z-index:25}.familyPicture{width:100%;display:flex;justify-content:center}.Picture{border-radius:100%;border:5px solid var(--font);border-style:inset;display:flex;justify-content:center;align-items:center;margin-top:10px;margin:2rem auto;position:relative;transform-style:preserve-3d}.Mère{width:40vw;max-width:250px;aspect-ratio:4/5;height:auto;border-radius:100%;border:5px solid var(--font);border-style:inset;box-shadow:0 0 10px #00000080;position:relative;overflow:hidden;left:0;transform:rotateY(-5deg)}.Père.animated{position:absolute;width:40vw;max-width:250px;aspect-ratio:4/5;height:auto;border-radius:100%;border:5px solid var(--font);border-style:inset;box-shadow:0 0 10px #00000080;overflow:hidden;left:0;transform-origin:0% 50%;transform:rotateY(0);transform-style:flat;animation:rotations 7s linear forwards;z-index:1}.Père img{opacity:0;animation:apparition 4s ease 6s forwards}.Test.animated{position:absolute;object-fit:contain;opacity:1;width:40vw;max-width:250px;aspect-ratio:4/5;height:auto;border-radius:100%;border:5px solid var(--font);border-style:inset;box-shadow:0 0 10px #00000080;overflow:hidden;left:0;transform-origin:0% 50%;transform:rotateY(5deg);transform-style:flat;animation:rotations 7s linear forwards}.FamilyP{position:relative;right:8rem;height:25rem;cursor:pointer}.FamilyM{width:100%;height:350px;cursor:pointer}.medaillon{width:100%;height:100%;cursor:pointer;animation:opacity-img 2s ease 7s forwards;animation-iteration-count:1}.Info{display:none;position:absolute;z-index:2;color:var(--font);text-shadow:black 1px 0 10px;font-size:14px;transform:translate(-50%,-10%);opacity:0;padding:.5rem;height:5rem;width:12rem;left:1.5rem;border-radius:.5rem;text-align:center;transition:opacity .5s;background-color:#00000080;border:1px solid var(--font)}.Mère .Info{display:block;top:50%;left:50%;height:6rem}.Père .Info{display:block;transform:rotateY(-180deg);top:48%;width:12rem;height:6rem;line-height:1.2rem}.Mère:hover .Info,.Père:hover .Info{opacity:1}@keyframes apparition{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes rotations{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes translation{0%{transform:translate(0)}50%{transform:translate(20%)}to{transform:translate(50%)}}@keyframes opacity-img{0%{opacity:1}50%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.Picture{flex-direction:column;gap:1rem}.FamilyP{width:18rem;right:0;object-fit:cover}.FamilyM{right:0;height:auto}.picture-description .father-desc{top:-12rem;position:relative;z-index:1000;color:var(--font);left:-4rem;opacity:0;animation:apparition 4s ease 2s forwards;transform:translateY(180deg)}.picture-description .mother-desc{top:-8rem;position:relative;z-index:1000;color:var(--font);left:2rem}.Info{display:none}}@media screen and (max-width:400px){.picture-description,.Info{display:none}}.scroll-container{display:flex;justify-content:flex-end;width:95%;height:7rem}.scroll-container .scroll-to-top-button{position:relative;width:auto;margin:0;padding:.5rem}.scroll-container .scroll-to-top-button svg{transform:scale(1.5);opacity:.5;color:var(--font);background-color:var(--background);border:none;padding:10px;border-radius:50%;cursor:pointer;transition:background-color .3s ease-in-out;font-size:3rem}.notfound{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--font)}.notfound p{font-size:2rem}.footer{background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(246,209,113,.2);color:var(--font);text-align:center;padding:1rem 0;font-size:.9rem}.footer a{color:var(--font);text-decoration:none;font-weight:700}.footer a:hover{text-decoration:underline}.footer p{font-size:1.3rem}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;background:#1e1d1d;color:#f6d171;height:100%;width:100%}.App{min-height:100vh;display:flex;flex-direction:column}body:after{content:"";position:absolute;bottom:0;left:50%;width:4px;height:4px;background:#ffdc9699;border-radius:50%;animation:float-particles 3s ease-in-out infinite;pointer-events:none;box-shadow:-100px 20px #ffdc9666,100px 40px #ffdc9666,-50px 60px #ffdc964d,50px 80px #ffdc964d}:root{--background: #1e1d1d;--font: #f6d171;--navbar: #141414;--red: #4d0408;--blue: #045259}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}h1{margin:0;font-size:3rem;font-family:Corinthia,cursive,Arial,Helvetica,sans-serif;font-weight:700;font-style:normal;font-size-adjust:.45}.Changebook{margin:20px;background:transparent;border:1px var(--font) solid;border-radius:30px;color:var(--font);width:18rem;height:3rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.Changebook:active{box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px var(--background);background:var(--font);color:var(--background);scale:1.1}.Changebook:hover{box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009;background:var(--font);color:var(--background)}a.Changebook{text-decoration:none;font-family:Arial,Helvetica,sans-serif}.select-style{background-color:#1e1d1d;border:1px solid #f6d171;border-radius:5px;color:#f6d171;width:20rem;height:3rem;padding:.7rem;font-size:1.1rem;border-radius:1.5rem}.confirmation-modal{text-align:center;width:max-content;color:var(--font);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background);padding:20px;border:1px solid var(--font);border-radius:8px;box-shadow:0 2px 4px #0000001a}.modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;display:block;padding:20px;z-index:1000}.modal-content{font-size:1.3rem;line-height:1.4;background-color:var(--background);padding:20px;border-radius:10px;max-width:600px;margin:5rem auto;overflow-y:auto;box-shadow:0 0 10px #00000080}h2{display:flex;justify-content:center;margin-bottom:50px}.mc-button{display:flex;justify-content:center}.modal-close{padding:5px 10px;margin:20px;background:transparent;border:1px #f6d171 solid;border-radius:30px;color:#f6d171;width:200px;height:30px;cursor:pointer}.modal-close:hover{box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009;background:#f6d171;color:var(--background);scale:1.1}.buttonContainer{display:flex;justify-content:space-around}@keyframes float-particles{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px);opacity:0}}@media screen and (max-width:768px){h1{font-size:1.5rem;font-weight:400}}