@import"https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Montserrat&family=Oswald:wght@300&display=swap";@import"https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&family=Rubik+Doodle+Shadow&display=swap";@import"https://fonts.googleapis.com/css?family=Playfair+Display:400,400i";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";@keyframes glow{0%{box-shadow:0 0 3px #ffffff80}50%{box-shadow:0 0 10px 10px #ffffff80}to{box-shadow:0 0 20px 20px #ffffff80}}@keyframes jumping{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeOut{0%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes run{0%{background-image:url(/assets/frame3-d0zlP7CW.png);transform:translate(-100%)}2%{background-image:url(/assets/frame4-_FaVkPzH.png);transform:translate(-88%)}4%{background-image:url(/assets/frame5-AcswxUQI.png);transform:translate(-77%)}6%{background-image:url(/assets/frame6-Ex5a_Ptd.png);transform:translate(-66%)}8%{background-image:url(/assets/frame7-biBlAqQg.png);transform:translate(-55%)}10%{background-image:url(/assets/frame8-vQKu08IK.png);transform:translate(-44%)}12%{background-image:url(/assets/frame9-6Vs-Vuij.png);transform:translate(-33%)}14%{background-image:url(/assets/frame10-iu1I6MWB.png);transform:translate(-22%)}16%{background-image:url(/assets/frame11-KneZLZnf.png);transform:translate(-11%)}18%{background-image:url(/assets/frame3-d0zlP7CW.png);transform:translate(0)}20%{background-image:url(/assets/frame4-_FaVkPzH.png);transform:translate(11%)}22%{background-image:url(/assets/frame5-AcswxUQI.png);transform:translate(22%)}24%{background-image:url(/assets/frame6-Ex5a_Ptd.png);transform:translate(33%)}26%{background-image:url(/assets/frame7-biBlAqQg.png);transform:translate(44%)}28%{background-image:url(/assets/frame8-vQKu08IK.png);transform:translate(55%)}30%{background-image:url(/assets/frame9-6Vs-Vuij.png);transform:translate(66%)}32%{background-image:url(/assets/frame10-iu1I6MWB.png);transform:translate(77%)}34%{background-image:url(/assets/frame11-KneZLZnf.png);transform:translate(88%)}36%{background-image:url(/assets/frame3-d0zlP7CW.png);transform:translate(100%)}38%{background-image:url(/assets/frame4-_FaVkPzH.png);transform:translate(111%)}40%{background-image:url(/assets/frame5-AcswxUQI.png);transform:translate(122%)}42%{background-image:url(/assets/frame6-Ex5a_Ptd.png);transform:translate(133%)}44%{background-image:url(/assets/frame7-biBlAqQg.png);transform:translate(144%)}46%{background-image:url(/assets/frame8-vQKu08IK.png);transform:translate(155%)}48%{background-image:url(/assets/frame9-6Vs-Vuij.png);transform:translate(166%)}50%{background-image:url(/assets/frame10-iu1I6MWB.png);transform:translate(177%)}52%{background-image:url(/assets/frame11-KneZLZnf.png);transform:translate(188%)}54%{background-image:url(/assets/frame3-d0zlP7CW.png);transform:translate(200%)}56%{background-image:url(/assets/frame4-_FaVkPzH.png);transform:translate(211%)}58%{background-image:url(/assets/frame5-AcswxUQI.png);transform:translate(222%)}60%{background-image:url(/assets/frame6-Ex5a_Ptd.png);transform:translate(233%)}62%{background-image:url(/assets/frame7-biBlAqQg.png);transform:translate(244%)}64%{background-image:url(/assets/frame8-vQKu08IK.png);transform:translate(255%)}66%{background-image:url(/assets/frame9-6Vs-Vuij.png);transform:translate(266%)}68%{background-image:url(/assets/frame10-iu1I6MWB.png);transform:translate(277%)}70%{background-image:url(/assets/frame11-KneZLZnf.png);transform:translate(288%)}72%{background-image:url(/assets/frame3-d0zlP7CW.png);transform:translate(300%)}74%{background-image:url(/assets/frame4-_FaVkPzH.png);transform:translate(311%)}76%{background-image:url(/assets/frame5-AcswxUQI.png);transform:translate(322%)}78%{background-image:url(/assets/frame6-Ex5a_Ptd.png);transform:translate(333%)}80%{background-image:url(/assets/frame7-biBlAqQg.png);transform:translate(344%)}82%{background-image:url(/assets/frame8-vQKu08IK.png);transform:translate(355%)}84%{background-image:url(/assets/frame9-6Vs-Vuij.png);transform:translate(366%)}86%{background-image:url(/assets/frame10-iu1I6MWB.png);transform:translate(377%)}88%{background-image:url(/assets/frame11-KneZLZnf.png);transform:translate(388%)}90%{background-image:url(/assets/frame3-d0zlP7CW.png);transform:translate(400%)}92%{background-image:url(/assets/frame4-_FaVkPzH.png);transform:translate(411%)}94%{background-image:url(/assets/frame5-AcswxUQI.png);transform:translate(422%)}96%{background-image:url(/assets/frame6-Ex5a_Ptd.png);transform:translate(433%)}98%{background-image:url(/assets/frame7-biBlAqQg.png);transform:translate(444%)}to{background-image:url(/assets/frame8-vQKu08IK.png);transform:translate(455%)}}@keyframes eye{0%{background-image:url(/assets/frame1-pATn8QW4.png)}to{background-image:url(/assets/frame2-PtvslbHL.png)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes blink{0%,to{background-image:url(/assets/buho1-tW0ooRil.png)}50%{background-image:url(/assets/buho2-HlNokx9h.png)}}@keyframes run2{0%{background-image:url(/assets/frame3-d0zlP7CW.png);transform:translate(-100%)}2%{background-image:url(/assets/frame4-_FaVkPzH.png);transform:translate(-90%)}4%{background-image:url(/assets/frame5-AcswxUQI.png);transform:translate(-80%)}6%{background-image:url(/assets/frame6-Ex5a_Ptd.png);transform:translate(-70%)}8%{background-image:url(/assets/frame7-biBlAqQg.png);transform:translate(-60%)}10%{background-image:url(/assets/frame8-vQKu08IK.png);transform:translate(-50%)}12%{background-image:url(/assets/frame9-6Vs-Vuij.png);transform:translate(-40%)}14%{background-image:url(/assets/frame10-iu1I6MWB.png);transform:translate(-30%)}16%{background-image:url(/assets/frame11-KneZLZnf.png);transform:translate(-20%)}18%{background-image:url(/assets/frame3-d0zlP7CW.png);transform:translate(-10%)}20%{background-image:url(/assets/frame4-_FaVkPzH.png);transform:translate(0)}22%{background-image:url(/assets/frame5-AcswxUQI.png);transform:translate(10%)}24%{background-image:url(/assets/frame6-Ex5a_Ptd.png);transform:translate(20%)}26%{background-image:url(/assets/frame7-biBlAqQg.png);transform:translate(30%)}28%{background-image:url(/assets/frame8-vQKu08IK.png);transform:translate(40%)}30%{background-image:url(/assets/frame9-6Vs-Vuij.png);transform:translate(50%)}32%{background-image:url(/assets/frame10-iu1I6MWB.png);transform:translate(60%)}34%{background-image:url(/assets/frame11-KneZLZnf.png);transform:translate(70%)}36%,to{background-image:url(/assets/frame2-PtvslbHL.png);transform:translate(80%)}}@keyframes moveCloud{0%{transform:translate(-100%)}to{transform:translate(100vw)}}@keyframes fadeIn2{0%{opacity:0}to{opacity:1}}@keyframes scrollCredits{0%{transform:translateY(100%)}to{transform:translateY(-10%)}}@keyframes fall{0%{top:-20%}to{top:100%}}@keyframes prota{0%{transform:rotateY(-90deg)}10%,90%{transform:rotateY(0)}to{transform:rotateY(90deg)}}@keyframes fader{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:rotate(0);transform-origin:50% 100%}10%{transform:rotate(1deg)}20%,40%,60%{transform:rotate(-2deg)}30%,50%,70%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}90%{transform:rotate(1deg)}}@keyframes swing{0%{transform:rotate3d(-1,1,0,0);transform-origin:100% 100%}to{transform:rotate3d(-1,1,0,-180deg);transform-origin:100% 100%}}@keyframes out{0%{transform:translateY(0)}to{transform:translateY(-80px)}}@keyframes in{0%{transform:translate(330px)}to{transform:translate(0)}}@keyframes rabbit-jump{0%{bottom:228px;left:50px}50%{bottom:300px}to{bottom:228px;left:280px}}#root,html,body{height:100%}body{font-family:Playfair Display,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#000;background-color:#806bb8}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}button{margin:0;padding:0;border:none;cursor:pointer}ul{list-style:none;margin:0;padding:0}.hidden{display:none}.flex{display:flex}.mt-0{margin-top:0}.m-0{margin:0}.bold-text{font-weight:700}.btn{display:flex;align-items:center;position:absolute;top:260px;bottom:260px;width:100%;max-width:80px;margin:0;padding:16px;background-color:transparent;border:none;z-index:1;transition:background-color .3s ease-in-out,opacity .3s ease-in-out;color:#fff}.btn svg{width:72px;height:72px;fill:#fff;opacity:.7;transition:opacity .3s ease-in-out}.btn:hover{cursor:pointer;background-color:#0000003e;opacity:1}.btn:hover svg{opacity:1}.btn.prev{left:0;border-top-right-radius:16px;border-bottom-right-radius:16px}.btn.next{right:0;justify-content:flex-end;border-top-left-radius:16px;border-bottom-left-radius:16px}.exit-btn{position:absolute;left:48px;bottom:48px;display:flex;justify-content:center;align-items:center;padding:24px;background-color:#fff;border-radius:16px;opacity:.2;transition:opacity .3s ease-in-out}.exit-btn svg{width:32px;height:32px}@media (max-width: 700px){.exit-btn svg{width:18px;height:18px}}.exit-btn:hover{cursor:pointer;opacity:.7}.costume-btn{display:flex;justify-content:center;align-items:center;height:28px;padding:20px 18px;border-radius:12px;background-color:#6495ed;color:#fff;font-weight:700;margin:10px;cursor:pointer;position:absolute;animation:fadeIn2 2s ease-in 3s forwards;opacity:0;transition:box-shadow .3s ease,background-color .3s ease}.costume-btn:after,.costume-btn:before,.costume-btn *{pointer-events:none}.costume-btn:hover,.costume-btn.active{background-color:#f61c1c;box-shadow:0 0 15px 5px #fff9}.costume-btn.owl-btn{bottom:310px;left:150px;z-index:5}.costume-btn.rabbit-btn{bottom:240px;left:150px;z-index:5}@media (max-width: 380px){.costume-btn.owl-btn,.costume-btn.rabbit-btn{height:12px;padding:16px 12px;border-radius:12px;font-size:.8rem}}@media (max-width: 480px){.costume-btn.owl-btn,.costume-btn.rabbit-btn{height:12px;padding:16px 12px;border-radius:12px;font-size:.8rem}}.return-btn{cursor:pointer;padding:5px;font-size:1rem;background-color:#e6d7d7;border-radius:16px;margin:30px}.rabbit{position:absolute;bottom:178px;right:128px;z-index:1;width:50%;min-width:90px;max-width:120px;background-image:url(/assets/rabbit1-IQn_NcGl.png);background-size:contain;background-position:center;background-repeat:no-repeat}.rabbit:after{content:"";display:block;padding-bottom:100%}.candies{position:absolute;bottom:65px;left:65%;z-index:1;width:50%;min-width:60px;max-width:90px;background-image:url(/assets/chuches2-FYGg2HQ7.png);background-size:contain;background-position:center;background-repeat:no-repeat}.candies:after{content:"";display:block;padding-bottom:100%}.rabbit2{position:absolute;bottom:128px;right:19%;z-index:1;width:50%;min-width:90px;max-width:120px;background-image:url(/assets/rabbit2-MhKmkH2l.png);background-size:contain;background-position:center;background-repeat:no-repeat;animation:jumping 1s ease-in-out infinite,fadeOut 4s ease-in-out forwards}.rabbit2:after{content:"";display:block;padding-bottom:100%}.rabbit3{position:absolute;bottom:198px;right:178px;z-index:1;width:50%;min-width:90px;max-width:120px;background-image:url(/assets/rabbit3-WHLIUBif.png);background-size:contain;background-position:center;background-repeat:no-repeat;animation:fadeOut 7s ease-in-out forwards}.rabbit3:after{content:"";display:block;padding-bottom:100%}.rabbit4{position:absolute;bottom:228px;left:280px;z-index:1;width:50%;min-width:60px;max-width:90px;background-image:url(/assets/rabbit4-IcH6gtAo.png);animation:rabbit-jump 1s ease-in-out;background-size:contain;background-position:center;background-repeat:no-repeat}.rabbit4:after{content:"";display:block;padding-bottom:100%}.owl3{position:absolute;bottom:268px;left:90px;z-index:3;width:50%;min-width:60px;max-width:90px;background-image:url(/assets/buho3-zBm0Ogqy.png);background-size:contain;background-position:center;background-repeat:no-repeat}.owl3:after{content:"";display:block;padding-bottom:100%}.fox{position:absolute;z-index:2;width:50%;min-width:200px;max-width:300px;background-size:cover}.fox:after{content:"";display:block;padding-bottom:100%}.fox.run{animation:run 5s infinite;bottom:18px;left:0}.fox.eye{animation:eye 2s infinite;bottom:5px;left:104px}.fox.run2{animation:run2 4s forwards;bottom:18px;left:0}.owl{position:absolute;z-index:3;width:50%;min-width:70px;max-width:100px;background-size:cover}.owl:after{content:"";display:block;padding-bottom:100%}.owl.blink{animation:blink 2s infinite,fadeOut 5s ease-in-out forwards;bottom:390px;left:204px}.cloud{position:absolute;bottom:650px;left:100px;z-index:0;width:50%;min-width:90px;max-width:120px;background-image:url(/assets/cloud-Oc_wji0S.png);background-size:contain;background-position:center;background-repeat:no-repeat;animation:moveCloud 30s linear infinite}.cloud:after{content:"";display:block;padding-bottom:100%}@media (max-width: 380px){.cloud{bottom:500px;left:100px}}.fox-costume{position:absolute;bottom:90px;right:108px;z-index:2;width:40%;max-width:220px}.fox-costume img{width:100%;height:auto}.candy{position:fixed;top:-20%;animation:fall 16s linear infinite}.candy:nth-last-of-type(1),.candy:nth-last-of-type(0){left:0%;animation-delay:0s}.candy:nth-last-of-type(2){left:10%;animation-delay:3s}.candy:nth-last-of-type(3){left:20%;animation-delay:5s}.candy:nth-last-of-type(4){left:30%;animation-delay:2s}.candy:nth-last-of-type(5){left:40%;animation-delay:4s}.candy:nth-last-of-type(6){left:50%;animation-delay:6s}.candy:nth-last-of-type(7){left:60%;animation-delay:1s}.candy:nth-last-of-type(8){left:70%;animation-delay:3s}.candy:nth-last-of-type(9){left:80%;animation-delay:5s}.candy:nth-last-of-type(10){left:90%;animation-delay:2s}.snow{font-size:2em}@media (max-width: 768px){.snow{font-size:1.4em}}@media (max-width: 480px){.snow{font-size:1.2em}}@media (max-width: 380px){.snow{font-size:1em}}.message{margin-top:80px;text-align:center;font-size:1.2rem;color:#000;background-color:#a4a8aa;border-radius:16px;padding:16px;font-weight:700}.message h2{font-size:1.5rem;font-weight:700;color:#fdfcfcf8;padding:16px;margin-bottom:50px;background-color:#282426;border-radius:16px}.cont{background:linear-gradient(to bottom,#7db9e8 52%,#38c126 74%,#38c126 74%);padding-top:50px}.cont #egg{display:block;margin-left:200px;animation:shake .8s 2s cubic-bezier(.455,.03,.515,.955) both}.cont .warning{font-family:Roboto,sans-serif;position:absolute;top:50px;left:350px;padding:0 25px;border-radius:30px 30px 30px 0;background:#e6d7d7;font-size:25px;animation:in .5s 5s ease-in forwards,show .3s 5s ease-in forwards;opacity:0}#crack{opacity:0;animation:show .1s 2s ease-in forwards}#egg-top{animation:swing .1s 3s cubic-bezier(.25,.46,.45,.94) both}#chicken{animation:out .9s 4s cubic-bezier(.25,.46,.45,.94) both}.cover{width:100%;height:100%;display:flex;flex-direction:column;background-color:#282426}.cover .cover-header{display:flex;align-items:center;padding:18px 32px;background-color:#974767;justify-content:center;gap:32px;margin-bottom:3rem;z-index:2;position:relative}.cover .cover-header h1{font-size:2rem;font-weight:700;color:#f3eaea;padding:16px}@media (max-width: 768px){.cover .cover-header h1{font-size:1.5rem;padding:8px}}@media (max-width: 480px){.cover .cover-header h1{font-size:1rem;padding:6px}}.main-cover{display:flex;flex-direction:column;align-items:center;gap:24px;padding:16px;color:#fff;font-family:Roboto,sans-serif;font-size:.9rem;overflow:hidden;height:auto;animation:scrollCredits 50s linear infinite;animation-play-state:running}@media (max-width: 768px){.main-cover{font-size:.9rem;padding:8px}}@media (max-width: 480px){.main-cover{font-size:.7rem;padding:6px}}.main-cover:hover{animation-play-state:paused}.main-cover h3{font-size:1.5rem}@media (max-width: 768px){.main-cover h3{font-size:1.2rem;padding:8px}}@media (max-width: 480px){.main-cover h3{font-size:1rem;padding:6px}}.main-cover .list{margin-bottom:2rem}.main-cover .list li{text-align:left;padding:.5rem 0}.wrapper{position:relative;width:100%;height:100%}.bg{position:absolute;top:0;left:0;width:100%;height:100%;padding:10px}.bg img{width:100%;height:100%;object-fit:cover;border-radius:24px}.container{width:100%;height:100%}.page{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;padding:24px;background-color:#000;font-family:Delius Swash Caps,cursive}.bubble{background-color:#ffffffab;border-radius:16px;padding:32px;width:100%;max-width:480px;opacity:0}.bubble.left{margin-right:auto}.bubble.right{margin-left:auto}.bubble.first{animation:fadeIn 1s ease-out 1s,vibrate .5s ease-in-out 1s;animation-fill-mode:forwards}.bubble.second{animation:fadeIn 1s ease-out 3s,vibrate .5s ease-in-out 3s;animation-fill-mode:forwards}.text{display:flex;flex-direction:column;justify-content:center;gap:24px;z-index:1;padding:20px}@media (min-width: 1921px){.text.size-normal{font-size:1.6rem;padding:16px;max-width:100%}.text.size-normal h2{font-size:2rem}}@media (max-width: 1920px){.text.size-normal{font-size:1.5rem;padding:12px;max-width:100%}.text.size-normal h2{font-size:1.8rem}}@media (max-width: 1440px){.text.size-normal{font-size:1.3rem;padding:12px;max-width:100%}.text.size-normal h2{font-size:1.7rem}}@media (max-width: 1024px){.text.size-normal{font-size:1.1rem;padding:10px;max-width:100%}.text.size-normal h2{font-size:1.6rem}}@media (max-width: 768px){.text.size-normal{font-size:.9rem;padding:10px;max-width:100%}.text.size-normal h2{font-size:1.2rem}}@media (max-width: 480px){.text.size-normal{font-size:.9rem;padding:8px;max-width:100%}.text.size-normal h2{font-size:1rem}.text.size-normal .bubble{padding:10px;border-radius:10px;max-width:250px}}@media (max-width: 380px){.text.size-normal{font-size:.8rem;padding:8px;max-width:100%}.text.size-normal h2{font-size:1rem}.text.size-normal .bubble{padding:10px;border-radius:10px;max-width:250px}}@media (min-width: 1921px){.text.size-large{font-size:1.9rem;padding:16px;max-width:100%}.text.size-large h2{font-size:2.3rem}}@media (max-width: 1920px){.text.size-large{font-size:1.7rem;padding:16px;max-width:100%}.text.size-large h2{font-size:2.1rem}}@media (max-width: 1440px){.text.size-large{font-size:1.6rem;padding:14px;max-width:100%}.text.size-large h2{font-size:2rem}}@media (max-width: 1024px){.text.size-large{font-size:1.4rem;padding:10px;max-width:100%}.text.size-large h2{font-size:1.8rem}}@media (max-width: 768px){.text.size-large{font-size:1.2rem;padding:10px;max-width:100%}.text.size-large h2{font-size:1.6rem}}@media (max-width: 480px){.text.size-large{font-size:1rem;padding:8px;max-width:100%}.text.size-large h2{font-size:1.2rem}.text.size-large .bubble{padding:16px;border-radius:12px;max-width:290px}}@media (max-width: 380px){.text.size-large{font-size:.9rem;padding:8px;max-width:80%}.text.size-large h2{font-size:1.1rem}.text.size-large .bubble{padding:16px;border-radius:12px;max-width:290px}}.home{width:100%;height:100%;display:flex;flex-direction:column;font-family:Playfair Display,sans-serif}.home .header{display:flex;align-items:center;padding:18px 32px;background-color:#974767;justify-content:space-between;gap:12px}.home .header h1{font-size:2rem;font-weight:700;color:#f3eaea;padding:16px;border-radius:16px;animation:glow 5s alternate infinite}@media (max-width: 768px){.home .header h1{font-size:1.5rem;padding:16px 24px}}@media (max-width: 480px){.home .header h1{font-size:1.1rem;padding:14px}}.home .header .header-icon{max-width:7vw;max-height:7vw;width:auto;height:auto;border-radius:20px}.home .header .header-info{display:flex;align-items:center;font-family:Roboto,sans-serif;font-weight:700}.home .header .header-info .info-btn{cursor:pointer;font-size:1rem;padding:10px;background-color:#e6d7d7;border-radius:16px}.home .header .header-info .config-btn{cursor:pointer;font-size:1rem;padding:10px;background-color:#e6d7d7;border-radius:16px;margin-left:30px}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;flex-grow:1;padding:16px;background-image:url(/assets/background-YRUTSgfE.png);background-size:cover;background-repeat:no-repeat}@media (max-width: 768px){.main .main{background-image:url(/assets/background_md-FjltR1pI.png)}}.main .introduction{padding:1rem;text-align:center;margin:1rem;padding:10px;background-color:#e6d7d7;border-radius:16px}.main .book-cover{cursor:pointer;max-width:40%;overflow:hidden;border-radius:16px;border:10px solid rgb(148,49,241)}.main .start-btn{display:flex;align-items:center;justify-content:center;height:48px;padding:32px 48px;border-radius:16px;background-color:#c96991;color:#000;font-weight:700}.main .start-btn:hover{background-color:#d9a84c}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px 32px;background-color:#806bb8;font-family:Roboto,sans-serif}.footer .legal-info{text-align:center;font-size:1rem;margin-top:10px}@media (max-width: 480px){.home .header{flex-direction:column;align-items:center}.home .header .header-info{order:-1;width:100%;justify-content:space-between}.home .header .header-info .info-btn,.home .header .header-info .config-btn{font-size:.6rem}.main .introduction{padding:.8rem;margin:.8rem;padding:8px;border-radius:12px;font-size:.9rem}.main .book-cover{max-width:80%}.main .start-btn{padding:6px 8px;font-size:.8rem}.footer .legal-info{font-size:.75rem}}@media (max-width: 380px){.main .introduction{padding:.6rem;margin:.6rem;padding:4px;border-radius:10px;font-size:.7rem}.main .book-cover{max-width:50%}.main .book-cover{max-width:60%}.main .start-btn{padding:3px,5px;font-size:.7rem}.footer .legal-info{font-size:.65rem}}.container-info{margin:20px auto;padding:30px;max-width:500px;line-height:1.875em;font-size:1rem;font-family:Playfair Display,sans-serif}.prota-group{position:absolute;text-align:center;visibility:hidden}.prota-group.active{position:relative;visibility:visible}.prota-group.active .prota-circle{animation-name:prota;animation-duration:4s;animation-timing-function:ease-in-out}.prota-group.active .prota-text{animation-name:fader;animation-duration:4s}.prota-circle{display:inline-block;position:relative;height:150px;width:150px;border-radius:50%;background-color:#fff;transform:rotateY(-90deg)}.prota-circle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4em;line-height:0}.prota-text{display:block;opacity:0;font-size:1.5em;font-weight:700}@media (max-width: 768px){.prota-group .prota-circle{height:120px;width:120px}.prota-group .prota-circle-icon{font-size:3em}.prota-group .prota-text{font-size:1.2em}.return-btn{font-size:.7rem;padding:5px}.message{font-size:1rem}.message h2{font-size:1.2rem;padding:10px}}@media (max-width: 380px){.prota-group .prota-circle{height:80px;width:80px}.prota-group .prota-circle-icon{font-size:2.5em}.prota-group .prota-text{font-size:1em}.return-btn{font-size:.6rem;padding:4px;margin:15px;border-radius:12px}.message{margin-top:10px;font-size:.8rem}.message h2{font-size:.9rem;padding:6px}}