body,html{overscroll-behavior-y:contain}body{max-width:1920px;width:100%;height:var(--totalheight);overflow:auto;margin:auto;font-size:54px;line-height:58px;color:#fff}#app,.centerer{width:100%;height:100%}.centerer{display:flex;align-items:center;justify-content:center}.fs-1{font-size:22px!important}.peccato{background-image:url(/img/peccato.15d7d5be.jpg)}.complimenti,.peccato{height:100%;width:100%;background-size:cover;background-position:50%;position:relative;background-repeat:no-repeat}.complimenti{background-image:url(/img/complimenti.4539fbdd.jpg)}.welcome{background-image:url(/img/bg01.9321223e.jpg)}.sceglianimale,.welcome{height:100%;width:100%;background-size:cover;background-position:50%;position:relative;background-repeat:no-repeat}.sceglianimale{background-image:url(/img/bg02.e8e82ba2.jpg)}.animaleText{letter-spacing:-2px;font-weight:500;color:#ffdf05;text-align:center;text-transform:uppercase;padding-top:60px}.opzioniContainer{display:flex;justify-content:space-around;padding:150px 20px 0}.opzioniContainer .opzione{width:33%;text-align:center}.opzioniContainer .opzione img{max-width:100%}.giraffa,.tigre,.zebra{height:100%;width:100%;background-size:cover;background-position:50%;position:relative;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.giraffa{background-image:url(/img/bgGiraffa.06b1edc2.jpg)}.tigre{background-image:url(/img/bgTigre.19afeb6d.jpg)}.zebra{background-image:url(/img/bgZebra.b6ab9df3.jpg)}.memorizzaBg{height:100vh;width:100vw;position:fixed;overflow:hidden;background-color:rgba(0,0,0,.6)}.memorizzaBg,.memorizzaModal{display:flex;justify-content:center;align-items:center}.memorizzaModal{height:70%;width:70%;background:rgba(249,229,77,.95);border:16px solid rgba(17,162,220,.95);border-radius:30px;letter-spacing:-2px;font-weight:500;color:#ffdf05;text-align:center;background-image:url(/img/modale.e37bba06.png);background-size:100% 100%;background-position:50%}.componi{height:100%;width:100%;display:flex}.componi .left{height:100%;width:40%;padding-top:20px;background-color:#143c6d}.componi .right{height:100%;width:60%;background-color:#24b5e7;position:relative}.squareContainer{display:flex;align-items:center;justify-content:center;width:100%;flex-wrap:wrap;padding:10px}.squareContainer .square{width:50%;height:90px;padding:5px;max-width:250px}.square .cyan,.square .orange,.square .red,.square .yellow{width:100%;height:100%}.square .orange{background-color:#f29102}.square .yellow{background-color:#fde500}.square .red{background-color:#e50656}.square .cyan{background-color:#4dbcc5}.blockTitle{color:#24b5e7;font-size:34px;margin-left:30px}.hContainer{display:flex;justify-content:space-around;width:100%;padding:0}.hContainer img{max-width:25%}.hContainer .patternContainer{max-width:30%;display:flex;flex-direction:column;text-align:center;justify-content:flex-end}.hContainer .patternContainer img{max-width:100%}.resultContainer{background-color:#fff;width:80%;height:50%;border-radius:24px;position:relative;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);overflow:hidden}.camelLogo{position:absolute;bottom:30px;right:40px}.timer{top:40px;right:50px;height:80px;width:80px;background-color:#fbe232;border-radius:50%;border:6px solid #fff;font-size:34px;display:flex;align-items:center;justify-content:center}.lets,.timer{position:absolute}.lets{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.resultContainer .bg{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.shake{-webkit-animation:shake .2s infinite;animation:shake .2s infinite}@-webkit-keyframes shake{0%{transform:rotate(0deg)}25%{transform:rotate(4deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-4deg)}}@keyframes shake{0%{transform:rotate(0deg)}25%{transform:rotate(4deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-4deg)}}