body,html{color:#000;font-size:6vw}body{background-color:#e9da63;background:url(gold1.jpg) 0/cover fixed;background-color:#e9da63}p{margin:0}.q{position:relative;margin:0 auto 1rem;padding:.2rem;max-width:23em;background:rgba(255,255,255,.8) border-box;overflow:hidden;border-radius:.3em}.q::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:-30px;z-index:-1;-webkit-filter:blur(5px);filter:blur(5px)}main{display:none;padding-top:.5rem;min-height:calc(100vh - 90px)}.modal{width:100vw}.modal#secret-modal{font-size:2rem}.secret{background-color:#fe6;border:none;border-radius:1rem;text-shadow:3px 3px 11px rgba(153,66,41,.87)}.secret-secret{font-size:1.5rem;font-weight:400;text-shadow:3px 3px 11px rgba(255,255,255,.87)}#secret-next{margin:1rem}#secret-close{position:absolute;width:50px;right:0}#alert-next{display:none}div#info-buttons .btn{position:relative;display:inline-block;padding:15px 25px;background-color:#9a8f03;background-image:linear-gradient(#d2c201,#717300)}.glass{position:relative;display:inline-block;text-decoration:none}.glass:after{content:'';position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:50%;background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.05));border-radius:1rem}.glass:hover{background:linear-gradient(#073,#0fa)}.secret:hover{background:#fe6!important}#modal-cover{position:relative;height:0;width:0}.modal-open div#answer-form,.modal-open main.container{visibility:hidden}.gold{background-color:#ad9000;background:linear-gradient(#865a07,#ffeb00)}.choices{transition:all .7s ease-out;background-position:1% 50%;background-size:300% 300%;width:280px;margin:.5rem auto}.choices.active,.choices:hover{background-position:99% 50%;background-color:#000;color:#000}.choices span{margin-left:1rem}#guess-btn{margin:1rem .5rem;background-image:linear-gradient(#898989,#000)}#info-buttons{padding:.5rem 1rem;margin:0 auto}#info-buttons button{width:100%}input.check{display:inline;width:auto}.col-6:first-of-type{padding-right:.5rem}.col-6:last-of-type{padding-left:.5rem}.rotate-and-scale-in{-webkit-animation:rotate-and-scale .5s;animation:rotate-and-scale .5s cubic-bezier(.25,.46,.45,.94) both}.tracking-in-expand-fwd{-webkit-animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1) both}.tracking-in-contract{-webkit-animation:tracking-in-contract .8s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-contract .8s cubic-bezier(.215,.61,.355,1) both}.flip-scale-up-hor{-webkit-animation:flip-scale-up-hor .5s linear both;animation:flip-scale-up-hor .5s linear both}@-webkit-keyframes rotate-and-scale{0%{-webkit-transform:rotateY(0) scale(0);transform:rotateY(0) scale(0);opacity:1}100%{-webkit-transform:rotateY(360deg) scale(1);transform:rotateY(360deg) scale(1);opacity:1}}@keyframes rotate-and-scale{0%{-webkit-transform:rotateY(0) scale(0);transform:rotateY(0) scale(0);opacity:1}100%{-webkit-transform:rotateY(360deg) scale(1);transform:rotateY(360deg) scale(1);opacity:1}}@-webkit-keyframes rotate-vert-center{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes rotate-vert-center{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-webkit-keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes flip-scale-up-hor{0%{-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0)}50%{-webkit-transform:scale(2.5) rotateX(-180deg);transform:scale(2.5) rotateX(-180deg)}100%{-webkit-transform:scale(1) rotateX(-360deg);transform:scale(1) rotateX(-360deg)}}@keyframes flip-scale-up-hor{0%{-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0)}50%{-webkit-transform:scale(2.5) rotateX(-90deg);transform:scale(2.5) rotateX(-90deg)}100%{-webkit-transform:scale(1) rotateX(-360deg);transform:scale(1) rotateX(-360deg)}}@-webkit-keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}}@keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}}