@font-face{font-family:Go Banana;src:url(/beastie-personality-quiz/assets/GoBanana-CI35cykA.ttf)}@font-face{font-family:Sports Jersey;src:url(/beastie-personality-quiz/assets/sportsjersey-DtOISo0s.ttf)}.red{color:red}.blue{color:#00f}.bodyYellow{color:#ffb547}.spiritPink{color:#fb5ca6}.mindBlue{color:#7cbbfb}img#logo{margin-top:16px;max-width:95vw;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes bgscroll{0%{background-position-y:0%}to{background-position-y:100%}}@keyframes hueshift{0%{background-color:#fff988}33%{background-color:#ff96c7}66%{background-color:#a2d0ff}to{background-color:#fff988}}@keyframes buttonScroll{0%{background-position-x:0%;background-position-y:0%}to{background-position-x:100%;background-position-y:100%}}body{height:100vh;width:100vw;margin-top:0;margin-left:0;overflow-x:hidden}#root{overflow-x:hidden;overflow-y:hidden}h2{font-family:Go Banana;padding-left:8px;padding-right:8px;-webkit-user-select:none;user-select:none;font-size:xx-large}h3,h4{font-family:Go Banana;padding-left:8px;padding-right:8px;-webkit-user-select:none;user-select:none;font-size:x-large}input[type=range]{width:min(150px,20vw);--thumb-size: min(20px, 5vw)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#222;border-radius:.5rem;height:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-6px;background-color:#666;clip-path:circle(10px);width:var(--thumb-size);height:var(--thumb-size)}input[type=range]:focus::-webkit-slider-thumb{background-color:#aaa}input[type=range]:hover::-webkit-slider-thumb{background-color:#aaa}input[type=range]::-moz-range-track{background-color:#222;border-radius:.5rem;height:.5rem}input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:#666;clip-path:circle(10px);width:var(--thumb-size);height:var(--thumb-size)}input[type=range]:focus::-moz-range-thumb{background-color:#aaa}input[type=range]:hover::-moz-range-thumb{background-color:#aaa}#backgroundCanvas{position:fixed;z-index:-1;width:100vw;height:100vh}#background-darken{position:fixed;background-color:#000;z-index:-1;opacity:0;width:100vw;height:100vh}#dialogueAdvance{position:fixed;width:100vw;height:100vh;z-index:500}.bmd-button{color:#fff;border:0px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%20256%20256'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3crect%20x='-110'%20y='-76'%20width='484'%20height='459'%20style='fill:rgb(179,179,179);'/%3e%3cg%20transform='matrix(0.707107,-0.707107,1.4166,1.4166,-312.264,41.2889)'%3e%3crect%20x='0'%20y='161.5'%20width='500'%20height='49'%20style='fill:white;'/%3e%3c/g%3e%3cg%20transform='matrix(0.707107,-0.707107,1.4166,1.4166,-440.264,-86.7111)'%3e%3crect%20x='0'%20y='161.5'%20width='500'%20height='49'%20style='fill:white;'/%3e%3c/g%3e%3cg%20transform='matrix(0.707107,-0.707107,1.4166,1.4166,-184.264,169.289)'%3e%3crect%20x='0'%20y='161.5'%20width='500'%20height='49'%20style='fill:white;'/%3e%3c/g%3e%3c/svg%3e");background-color:#303030;background-blend-mode:multiply;background-size:20px;animation:buttonScroll linear infinite;animation-duration:40s;transform:translateZ(0);--parallelogram-edge: min(50px, 10%);clip-path:polygon(var(--parallelogram-edge) 0,100% 0,calc(100% - var(--parallelogram-edge)) 100%,0 100%);position:relative;font-family:Go Banana;font-size:max(100%,min(32pt,8vw));z-index:1000}.bmd-button-arrow{width:5vw;height:5vh}.bmd-button.start{width:min(65vw,400px);height:min(10vh,100px);left:50vw;transform:translate(-50%);margin-top:1vh}#startButtonContainer{margin-top:10vh}.bmd-button:hover{background-color:#606060}#bottomButtonsContainer{position:fixed;bottom:5px;left:5px;z-index:1000}.bmd-button.bottom{width:min(10vw,50px);height:min(10vw,50px);top:0;left:0}.bmd-button.bottom>img{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:50%;pointer-events:none;-webkit-user-select:none;user-select:none;fill:#fff}#bottomButtonsContainer>input[type=range]{position:absolute;top:50%;transform:translateY(-50%)}#skipButtonContainer{position:absolute;bottom:10vh}.bmd-button.choice{width:50vw;height:10vh;font-size:max(100%,min(32pt,2vw))}.bmd-button.choice>.choiceText{padding-left:8%;padding-right:8%}@media (max-width: 420px){.bmd-button.choice>.choiceText{font-size:max(90%,min(32pt,2vw))}}@media (max-height: 950px){.bmd-button.choice>.choiceText{font-size:max(80%,min(16pt,2vh))}}@keyframes fadein{0%{opacity:.7}to{opacity:0}}@keyframes fadeout{0%{opacity:0}to{opacity:.7}}@keyframes fadeinFull{0%{opacity:0}to{opacity:1}}@keyframes beastie-fadein{0%{filter:brightness(0)}to{filter:brightness(1)}}.textContainer{position:absolute;left:50vw;transform:translate(-50%)}.textContainer.center{top:50vh;width:80vw;transform:translate(-50%) translateY(-50%)}.textContainer.bottom{--textbox-width: min(80vw, 1000px);--textbox-height: min(25vh, 250px);bottom:5vh;width:var(--textbox-width);height:var(--textbox-height)}.textBox{color:#fff;font-family:Go Banana;font-size:max(100%,min(28pt,3vw));position:relative;width:100%;height:100%;z-index:1000}.textBox.polygon{clip-path:polygon(50% 0%,81.25% 10.1%,94% 24.4%,100% 50%,94% 75.6%,81.25% 89.9%,50% 100%,18.75% 89.9%,6% 75.6%,0% 50%,6% 24.4%,18.75% 10.1%)}.textBox.faded{background-image:url(/beastie-personality-quiz/assets/box_blur-CGdkKKtq.png);background-size:100% 100%;background-repeat:no-repeat}.textBox .text.large{padding:8px;-webkit-user-select:none;user-select:none;font-size:max(100%,min(32pt,8vw))}.textBox .text.small{padding-left:calc(var(--textbox-width) * .1);padding-right:calc(var(--textbox-width) * .1);padding-top:calc(var(--textbox-height) * .22);-webkit-user-select:none;user-select:none;font-size:max(100%,min(28pt,3.6vw))}@media (max-height: 880px){.textBox .text.small{font-size:max(80%,min(28pt,2vw))}}.textBoxBackground{position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%20256%20256'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3crect%20x='0'%20y='0'%20width='256'%20height='256'%20style='fill:rgb(255,%20228,%20140);'/%3e%3cg%20transform='matrix(1,0,0,1,20,-8)'%3e%3ccircle%20cx='40.5'%20cy='33.5'%20r='15.5'%20style='fill:rgb(229,136,155);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,-5.18994,96.8694)'%3e%3ccircle%20cx='40.5'%20cy='33.5'%20r='15.5'%20style='fill:rgb(229,136,155);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,77.9474,198.919)'%3e%3ccircle%20cx='40.5'%20cy='33.5'%20r='15.5'%20style='fill:rgb(229,136,155);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,-13.2695,187.655)'%3e%3ccircle%20cx='40.5'%20cy='33.5'%20r='15.5'%20style='fill:rgb(229,136,155);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,153.839,74.4414)'%3e%3ccircle%20cx='40.5'%20cy='33.5'%20r='15.5'%20style='fill:rgb(229,136,155);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,68.8506,42.2207)'%3e%3ccircle%20cx='40.5'%20cy='33.5'%20r='15.5'%20style='fill:rgb(229,136,155);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,164.707,173.919)'%3e%3ccircle%20cx='40.5'%20cy='33.5'%20r='15.5'%20style='fill:rgb(229,136,155);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,106.57,121.619)'%3e%3ccircle%20cx='40.5'%20cy='33.5'%20r='15.5'%20style='fill:rgb(229,136,155);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,175.589,-5.78829)'%3e%3ccircle%20cx='40.5'%20cy='33.5'%20r='15.5'%20style='fill:rgb(229,136,155);'/%3e%3c/g%3e%3c/svg%3e");background-repeat:repeat;background-size:10%;clip-path:polygon(50% 4%,18% 7.4%,4.8% 21.4%,1% 51%,6.6% 74.3%,51.3% 95.3%,81.1% 91.1%,93.4% 82.5%,99% 51%,93.5% 24.1%,80.8% 12.1%);animation:buttonScroll 40s linear infinite;will-change:background-position;transform:translateZ(0)}@keyframes textIndicatorRotate{to{transform:rotate(360deg)}}.textIndicator{animation:textIndicatorRotate 20s linear infinite;width:min(8vw,50px);height:min(8vw,50px);-webkit-user-select:none;user-select:none;pointer-events:none}#choices{position:relative;display:flex;flex-direction:column;padding-top:5vh;z-index:1000}.progressText{color:#000;font-family:Go Banana;font-size:max(100%,min(28pt,3.6vw));position:fixed;text-align:right;right:1vw;bottom:1vh}@media (max-height: 880px){.progressText{font-size:max(80%,min(28pt,2vw))}}.spacer{min-height:5vh}.beastieCarousel{position:relative;width:100vw;height:100vh;overflow:hidden}.beastieCarouselBeastie{pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;position:absolute;top:50vh;left:50vw}.resultTextContainer{position:absolute;z-index:5000;width:100vw;display:flex;flex-direction:row;opacity:0}.resultText{position:relative;flex-grow:0;margin-top:10vh;color:#fff;text-shadow:0 .3vh 0 black,.2vw 0 0 black,-.2vw 0 0 black,0 -.2vh black,.2vw .2vh 0 black,-.2vw .2vh 0 black,.2vw -.2vh 0 black,-.2vw -.2vh 0 black}.resultText .top{font-family:Go Banana;font-size:min(42pt,6vw)}.resultText .bottom{font-family:Sports Jersey;font-size:min(68pt,10vw)}.spacerFlex{position:relative;flex-grow:1}.center{text-align:center}