:not(input):not(textarea){-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;background-color:#F0F4C3;transition:background-color 0.3s}
.container{text-align:center;max-width:calc(100% - 40px);padding:20px}
h1{margin-top:-135px;color:#333;font-size:48px;margin-bottom:10vh}
.rating-container{display:flex;justify-content:center}
.rating-item{width:18vh;height:18vh;margin:0 2vw;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;font-size:15vh;border-radius:50%}
.rating-item img{position:relative;width:100%;height:100%}
.rating-item.selected{transform:scale(1.3)}
.thank-you{margin-top:10vh;display:none;font-size:56px;font-weight:bold;color:#8BC34A;animation:fadeIn 0.5s}
.show{display:block}
.hide{display:none}
.fullscreen-btn{padding:10px 15px;background-color:transparent;color:#F0F4C3;border:none;cursor:pointer;position:fixed;top:0;right:0}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}
.bounce{animation:bounce 0.5s}