.button[data-v-945b7bca]{display:flex;justify-content:center;align-items:center;width:350px;height:88px;margin:0 auto;padding:0;font:normal 400 29px/1.6 Vollkorn,sans-serif;background:url(/portfolio-quiz-mystery-manor/img/button.1dc5832d.png) center 100%/95% no-repeat;border:none;color:#fff;cursor:pointer}.button[data-v-945b7bca]:hover{background-image:url(/portfolio-quiz-mystery-manor/img/button_hover.283eedec.png)}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}@font-face{font-family:Vollkorn;font-weight:400;font-style:normal;src:url(/portfolio-quiz-mystery-manor/fonts/Vollkorn-Regular.f079bd42.eot?#iefix) format("embedded-opentype"),url(/portfolio-quiz-mystery-manor/fonts/Vollkorn-Regular.3f7a2e6c.otf) format("opentype"),url(/portfolio-quiz-mystery-manor/fonts/Vollkorn-Regular.8e8d05bb.woff) format("woff"),url(/portfolio-quiz-mystery-manor/fonts/Vollkorn-Regular.00b71614.ttf) format("truetype");font-display:swap}@font-face{font-family:ProximaNova;font-weight:400;font-style:normal;src:url(/portfolio-quiz-mystery-manor/fonts/ProximaNova-Regular.391748b0.eot?#iefix) format("embedded-opentype"),url(/portfolio-quiz-mystery-manor/fonts/ProximaNova-Regular.662bbbd0.otf) format("opentype"),url(/portfolio-quiz-mystery-manor/fonts/ProximaNova-Regular.380e3e6f.woff) format("woff"),url(/portfolio-quiz-mystery-manor/fonts/ProximaNova-Regular.daa63849.ttf) format("truetype");font-display:swap}@font-face{font-family:ProximaNova-Light;font-weight:400;font-style:normal;src:url(/portfolio-quiz-mystery-manor/fonts/ProximaNova-Light.6eb43ec7.eot?#iefix) format("embedded-opentype"),url(/portfolio-quiz-mystery-manor/fonts/ProximaNova-Light.37564866.otf) format("opentype"),url(/portfolio-quiz-mystery-manor/fonts/ProximaNova-Light.af18b8a1.woff) format("woff"),url(/portfolio-quiz-mystery-manor/fonts/ProximaNova-Light.c60f94f8.ttf) format("truetype");font-display:swap}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:6px;border-radius:3px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#b3bfbf;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#636f71;border-radius:3px}.quiz{position:relative}.quiz .container{display:flex;flex-direction:column;width:100%;height:100vh;background:url(/portfolio-quiz-mystery-manor/img/background.aa452372.png) 100% 100%/cover no-repeat}.quiz .container.quiz-views{background-image:url(/portfolio-quiz-mystery-manor/img/background-quiz.3ab2d5dc.png)}.quiz .container:before{content:"";position:absolute;background:linear-gradient(180deg,#001229,rgba(1,32,62,.61) 46.77%,rgba(33,71,95,0) 100%,rgba(0,35,56,0) 0);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;height:100%}.quiz .container .header{display:flex;justify-content:center;align-items:center;width:100%;margin-top:3.75rem;z-index:1}.quiz .container .header .logo{background:url(/portfolio-quiz-mystery-manor/img/logo.cba4a3ec.png) 50%/contain no-repeat;width:218px;height:78px}.quiz .container .header.questions{display:flex;flex-direction:column;align-self:center;align-items:flex-start;width:1110px;height:auto;margin-top:5.313rem;margin-left:30px;font:normal 400 32px/120% Vollkorn,sans-serif;color:#fff}@media(max-width:1440px){.quiz .container .header.questions{margin-top:3.3rem;font-size:28px;line-height:110%}}.quiz .container .header .title{display:flex;background:linear-gradient(180deg,#fffef9 -13.89%,#c49639 90.74%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.quiz .container .header .title .count{margin-right:1.875rem}.quiz .container .header .title.result{font:normal 400 53px/117.3% Vollkorn,sans-serif}.quiz .container .center{display:flex;flex-direction:column;width:100%;margin-top:7rem;flex-grow:1;color:#fff;z-index:1}.quiz .container .center .quiz-items{display:flex;flex-direction:column;align-self:center;width:1110px}.quiz .container .center .quiz-items .wrapper{padding:3.75rem 2.5rem;background:rgba(1,20,43,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50px;box-sizing:border-box;border:1px solid rgba(196,158,96,.7)}@media(max-width:1440px){.quiz .container .center .quiz-items .wrapper{padding:2rem 2rem}}.quiz .container .center .quiz-items .wrapper .question{display:flex;width:100%;max-width:810px;margin-bottom:1.25rem;font:normal 400 24px/130% ProximaNova,sans-serif;cursor:pointer}@media(max-width:1440px){.quiz .container .center .quiz-items .wrapper .question{font-size:22px;line-height:120%;margin-bottom:1rem}}.quiz .container .center .quiz-items .wrapper .question .bullet{padding-right:1.563rem;margin-top:-10px;background:url(/portfolio-quiz-mystery-manor/img/button_radiobutton_off.8b01bb18.svg) 50% no-repeat;width:53px;height:53px}@media(max-width:1440px){.quiz .container .center .quiz-items .wrapper .question .bullet{width:43px;height:43px;background-size:contain}}.quiz .container .center .quiz-items .wrapper .question .text{padding-left:1.563rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:1440px){.quiz .container .center .quiz-items .wrapper .question .text{padding-left:.5rem}}.quiz .container .center .quiz-items .wrapper .question:hover .bullet{background-image:url(/portfolio-quiz-mystery-manor/img/button_radiobutton_on.23748646.svg)}.quiz .container .center .quiz-items .wrapper .char{position:absolute;bottom:-195px;right:-110px;background-size:contain;background-position:100%;background-repeat:no-repeat;width:100px;height:100px}.quiz .container .center .quiz-items .wrapper .char.result{position:absolute;bottom:0;right:0;background-size:contain;background-position:100%;background-repeat:no-repeat}.quiz .container .center .quiz-items .wrapper.result-description{padding-left:4rem;font:normal 400 24px/130% ProximaNova-Light,sans-serif}.quiz .container .center .quiz-items .wrapper.result-description .description{width:100%;max-width:680px}.quiz .container .center .quiz-items .again-quiz{margin-top:3.125rem}.quiz .container .center .back-question{display:flex;justify-content:center;align-items:center;width:255px;height:48px;margin-top:1.563rem;font:normal 400 20px/117.3% Vollkorn,sans-serif;background:rgba(1,20,43,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:#fff;border:none;cursor:pointer;transition:background .2s ease-in-out}.quiz .container .center .back-question .icon{display:block;background:url(/portfolio-quiz-mystery-manor/img/arrow-left-long-light.840f6279.svg) 50%/contain no-repeat;width:22px;height:22px;margin-right:1rem}.quiz .container .center .back-question:hover{background:rgba(1,20,43,.5)}.quiz .container .center .title{margin-bottom:3.438rem;font:normal 400 70px/82px Vollkorn,sans-serif;text-align:center;color:#fff}.quiz .container .center.questions{margin-top:3.75rem}.quiz .container .center.result{margin-top:3.125rem}.quiz .char-quiz-view{position:absolute;bottom:0;right:0;z-index:1;margin-left:170px;margin-right:-50px;left:50%;margin-top:-120px}#app{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}