body{background-color:#000}.face{transform-origin:50%;z-index:10;margin:10px 0 0;position:relative;transform:scale(1.2)}@media (max-width:768px){.face{margin:-30px 0 -50px;transform:scale(1.2)}}.eyes{flex-direction:row;align-items:center;width:100%;height:200px;display:flex;position:relative}.eye{background-color:#fff;border-radius:50%;width:80px;height:80px;margin-right:-15px;position:relative;right:7px}.mouth{background-color:#000;border-radius:20px;width:142px;height:10px;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9px #ffffff45}.pupil{width:30px;height:48px;transition:transform .2s ease-out;position:absolute;top:20%;left:30%}.pupil img{object-fit:fill}
@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-1px,-1px)}20%{transform:translate(1px,-1px)}30%{transform:translate(-1px)}40%{transform:translate(1px,1px)}50%{transform:translate(-1px,1px)}60%{transform:translate(1px)}70%{transform:translate(-1px,-1px)}80%{transform:translate(1px,-1px)}90%{transform:translate(-1px)}}.sound-button{border-radius:50px;align-items:center;width:55px;height:40px;display:inline;position:relative;top:20px;background-color:#ece5cb!important}.sound-button:hover{animation:.5s ease-in-out both shake}.sound-container-wrapper{cursor:pointer;border-radius:50px;width:60px;height:40px}.sound{width:35px;height:35px;position:absolute;left:6px}.sound-icon{color:#000;width:70%;height:70%;margin:auto;font-size:35px;line-height:100%;display:block;position:relative;top:20%}.sound-wave{border:2.1875px solid #0000;border-right-color:#000;border-radius:50%;margin:auto;transition:all .2s;position:absolute;inset:11% 0 0}.sound-wave_one{width:50%;height:50%;transition:all .2s cubic-bezier(.26,-.01,0,1.28);left:25%}.sound-wave_two{width:75%;height:75%;transition:all .2s cubic-bezier(.26,.1,0,1.49);left:25%}.sound-mute .sound-wave{border-width:0 2.1875px 0 0;border-radius:50%;width:0%;height:0%}.sound-mute .sound-wave_one,.sound-mute .sound-wave_two{transform:translate(-10px)}
.switch-checkbox{visibility:hidden;width:0;height:0}.switch-button{cursor:pointer;text-indent:-9999px;border-width:3px;border-color:#dccc92;border-radius:100px;width:60px;height:35px;display:block;position:relative}.switch-button:after{content:"";background:#dccc92;border-radius:90px;width:25px;height:25px;transition:all .3s;position:absolute;top:2px;left:2px}.switch-checkbox:checked+.switch-button{background:#59bca8;border-width:4px;border-color:#59bca8}.switch-checkbox:checked+.switch-button:after{background:#faf6f3;margin-top:-1px;left:100%;transform:translate(-100%)}.switch-button:active:after{width:35px;position:absolute}.autostart-switch{justify-content:center;width:100px;padding:15px;display:flex}.autostart-text{width:200px;font-size:20px;display:block}.settings-switch-auto{flex-direction:column;justify-content:center;align-items:center;width:300px;height:150px;display:flex;position:relative}.autorun-container{flex-direction:column;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;display:grid}
.container-footer{flex-direction:row;align-items:stretch;display:flex;position:relative;top:90px}.feedback-buttons{justify-content:space-around;align-items:center;width:fit-content;padding:20px;display:flex}.button-report{background-color:#ece5cb;border:none;border-radius:50px;width:180px;margin-right:20px;padding:20px;font-family:Jua,sans-serif;font-size:23px}.button-report-font{justify-content:space-around;align-items:center;width:180px;height:30px;margin-top:4px;display:flex;top:2px}.button-report:hover{background-color:#ece5cb}.donate-button{width:120px;height:40px;background-color:#ece5cb!important}.donate-button img{width:55px;height:55px;position:relative;bottom:15px;color:#000!important}.button-donate-container{justify-content:center;align-items:center;display:flex}.donate-font{color:#000;font-size:20px;font-weight:500;position:relative;bottom:57px;left:24px}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.heart{z-index:2;width:20px;height:20px;margin-top:5px;margin-left:15px;animation:1s infinite beat;position:absolute}.grow-touch{-webkit-tap-highlight-color:#0000;transition-property:transform;transition-duration:.2s;transform:translateZ(0);box-shadow:0 0 1px #0000}.grow-touch:hover{transform:scale(1.04)}.grow-touch:hover .coffee-smoke-1{animation:2s linear infinite smokeOne}.grow-touch:hover .coffee-smoke-2{animation:2.5s linear 1s infinite smokeTwo}.grow-touch:hover .coffee-smoke-3{animation:2s linear 2s infinite smokeTwo}.coffee-smoke{background-color:#000;border-radius:5px;width:3px;height:10px;position:absolute}@keyframes smokeOne{0%{opacity:.2;bottom:15px}40%{opacity:.5;bottom:25px}80%{opacity:.3;bottom:35px}to{opacity:0;bottom:40px}}@keyframes smokeTwo{0%{opacity:.2;bottom:15px}40%{opacity:.5;bottom:20px}80%{opacity:.3;bottom:30px}to{opacity:0;bottom:40px}}.coffee-smoke-1{opacity:0;bottom:50px;left:calc(50% - 20px)}.coffee-smoke-2{opacity:0;bottom:70px;left:calc(50% - 12px)}.coffee-smoke-3{opacity:0;bottom:65px;right:52%}.coffee-container{position:relative;top:15px;right:10px}.btn{transition:all .2s}.btn:active{transform:scale(.98)}
body,html{background:#222;height:100%;font-family:Jua,sans-serif}.container{width:500px;height:auto;margin:40px auto;padding:20px;display:block;position:relative}h2{color:#000}.container ul{margin:0;padding:0;list-style:none;overflow:auto}ul li{color:#000;float:left;display:block;position:relative}ul li input[type=radio]{visibility:hidden;position:absolute}ul li label{position:ab;z-index:9;cursor:pointer;height:10px;margin:10px auto;padding:0 0 0 30px;font-size:1.35em;font-weight:300;transition:all .25s linear;display:block}ul li:hover label{color:#000}ul li .check{z-index:5;border:2px solid #000;border-radius:100%;width:28px;height:28px;transition:transform .2s ease-in-out,border .2s ease-in-out;display:block;position:absolute;top:50%;transform:translateY(-50%)}ul li:not(:hover) .check,ul li .check:after{transition:all .1s linear;transform:translateY(-50%)scale(1)}ul li .check:before{content:"";border-radius:100%;width:18px;height:18px;margin:auto;animation:.2s elastic;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=radio]:checked~.check{border:2px solid #000;animation:.9s elastic}input[type=radio]:checked~.check:before{background:#000}input[type=radio]:checked~label{color:#000}input[type=radio]:not(:checked)~.check:before{background:0 0;width:0;height:0}input[type=radio]:active~.check{transform:translateY(-50%)scale(.9)}