#root,body,html{background-color:#0c1922;color:#fff;font-family:Montserrat,sans-serif;height:100%;width:100%}#root,*,body,html{box-sizing:border-box}*{margin:0;padding:0}button{font-family:inherit}.question-bg,.quiz-container{height:100%;width:100%}.question-bg{background-image:url(/static/media/BG2.4960bf96b82d7baa40c8.png);background-size:cover}.title{color:#8d8d8d;font-size:1.5rem;font-weight:500;left:1em;letter-spacing:.1rem;top:1em}.logo,.title{position:absolute}.logo{right:3em;top:2em;width:4.5em}.buttons-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.back-button{background-color:#00000013;border:1px solid #a2a297;border-radius:12px;color:#fff;cursor:pointer;font-size:24px;letter-spacing:.1rem;margin-left:3em;padding:3px 30px}.back-button:hover{background-color:#000}.next-button{background-color:#e8c351;border:1px solid #a2a297;border-radius:12px;color:#000;cursor:pointer;font-size:24px;letter-spacing:.05rem;margin-right:3em;padding:3px 15px}.next-button:hover{background-color:#eecf74}.question-progress-bar{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;margin-top:2em}.progress-chunk{border:1px solid #5a5a5a;min-height:1em;min-width:6vw}@media (max-width:600px){.logo{position:absolute;right:1em;top:1em;width:3em}.title{font-size:1rem;font-weight:500;left:1em;letter-spacing:.1rem;top:1em}.buttons-container{align-items:center;display:flex;flex-direction:column-reverse;justify-content:space-between;margin-top:-2em;min-height:6em}.back-button{background-color:#00000013;border:1px solid #a2a297;border-radius:12px;color:#fff;cursor:pointer;font-size:24px;margin-left:0;padding:3px 30px;width:80vw}.next-button{margin-right:0;width:80vw}}.question-title{-webkit-animation:fadeIn 1.5s ease-in;animation:fadeIn 1.5s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;color:#fff}.question-container{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center;margin-left:4em}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.question-number{-webkit-animation:fadeIn 1.5s ease-in;animation:fadeIn 1.5s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;font-size:2vw;font-weight:500;padding-bottom:1em}.question-row{display:flex;flex-direction:row;font-size:2vh;font-weight:500;justify-content:center}.question-title{font-size:2vw;font-weight:500;max-width:25em;padding-bottom:1em}.radio-buttons{align-self:center;display:flex;flex-direction:column;font-size:1.5vw;font-weight:500;justify-content:flex-end;position:relative;right:10em}.radio-item{margin-bottom:1em;margin-right:.5em}input[type=radio]{accent-color:#000;height:20px;margin-right:1em;width:20px}@media (min-width:1800px){.question-number,.question-title{font-size:35px}.radio-buttons{font-size:25px}}@media (max-width:1000px){.question-number,.question-title{font-size:3vw}.radio-buttons{font-size:2vw}}@media screen and (max-width:600px){.question-container{width:70vw}.question-title{font-size:1.2rem}.question-number{font-size:1.2rem;margin-right:10px}.radio-buttons{font-size:1rem;right:0}input[type=radio]{accent-color:#000;margin-right:.5em;width:1em}.radio-question{font-size:1.5rem}.question-row{margin-bottom:2em;margin-top:2em}}div[class^=results-bg]{-webkit-animation:fadeBackground 1.5s ease-in-out;animation:fadeBackground 1.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-size:cover;background-size:100% 100%;min-height:100vh}.results-bg-wolf{background-image:url(/static/media/wolf.3d665dbe3bb05b7d31db.png)}.results-bg-orca{background-image:url(/static/media/orca.dc9e566ce9f160e29176.png)}.results-bg-owl{background-image:url(/static/media/owl.245b6d6d8c9cde7948c0.png)}.results-bg-elk{background-image:url(/static/media/elk.dd55e273d0b81999c5c0.png)}.results-bg-eagle{background-image:url(/static/media/eagle.09d75d04b46298f49bdf.png)}.results-bg-bear{background-image:url(/static/media/bear.42b2b18f67e930e7492a.png)}.results-bg-lion{background-image:url(/static/media/lion.735e068ff23c7316eda2.png)}.results-bg-dolphin{background-image:url(/static/media/dolphin.50a5ce519866d30bb5de.png)}.results-bg-rabbit{background-image:url(/static/media/rabbit.3bf4feb68345497e15cc.png)}.results-bg-bee{background-image:url(/static/media/bee.87e8afb39f7e430b493d.png)}.results-bg-goose{background-image:url(/static/media/goose.bd81ae8132140ba2e25f.png)}.results-bg-octopus{background-image:url(/static/media/octopus.978832fdf9aa48776daa.png)}@media (max-width:1050px){div[class^=results-bg]{-webkit-animation:fadeBackground 1.5s ease-in-out;animation:fadeBackground 1.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.results-bg-wolf{background-image:url(/static/media/wolf.4d61b71a89f4f702d9a3.png)}.results-bg-orca{background-image:url(/static/media/orca.ef1801a03c23dd450d65.png)}.results-bg-owl{background-image:url(/static/media/owl.cb55ae2869eadb25227d.png)}.results-bg-elk{background-image:url(/static/media/elk.7221780e13a9343c5e3e.png)}.results-bg-eagle{background-image:url(/static/media/eagle.3cd1778e8ab7b676851e.png)}.results-bg-bear{background-image:url(/static/media/bear.b8d8efedd0e8397ba094.png)}.results-bg-lion{background-image:url(/static/media/lion.982375820420c8ff3b82.png)}.results-bg-dolphin{background-image:url(/static/media/dolphin.044601b75fe47f054327.png)}.results-bg-rabbit{background-image:url(/static/media/rabbit.bf38c93dbd1abe8ce733.png)}.results-bg-bee{background-image:url(/static/media/bee.521ccc90ea8c8ee9cd0b.png)}.results-bg-goose{background-image:url(/static/media/goose.8a43692994b110228c43.png)}.results-bg-octopus{background-image:url(/static/media/octopus.c3012bf37a7ffe2ddf70.png)}}.results-container{padding-left:1.5em}.results-container a{font-size:18px;margin-top:5px}.top-text{font-size:20px;max-width:27em;padding-top:3em}.results-boxes-container{font-size:1rem;font-weight:500}.transparent-color-box{background-color:#4d79d168;border:2px solid;border-radius:10px;margin-top:.7em;max-width:47vw;min-width:47vw;padding:.5em}.separator-line{align-self:center;border-bottom:calc(400px - 16vw) solid #fff;margin-left:1em;margin-right:2em;width:2px}.characteristics{align-items:flex-start;display:flex;justify-content:space-between}.header{font-size:1.2rem;font-weight:500;margin-bottom:.3em}.section{flex:1 1;font-size:13px}ul{list-style-type:square}li{margin-bottom:.5em}.graph-box{background-color:#0b0f1968;border:2px solid #aaaeb7;border-radius:10px;display:flex;flex-direction:row;justify-content:flex-start;margin-top:.7em;max-width:47vw;min-width:47vw;padding:.7em}.graph-container{grid-gap:3px 0;align-items:center;-webkit-animation:barGrowth 2.5s ease-in-out;animation:barGrowth 2.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:grid;gap:3px 0;grid-auto-columns:1fr;grid-auto-rows:1fr;grid-template-columns:repeat(21,1fr);list-style-type:none;margin-left:.5em;margin-top:.3em;width:80%}.bottom-boxes-container{align-items:space-between;display:flex;flex-direction:row;justify-content:flex-start;margin-top:.7em;max-width:47vw;min-width:47vw}.transparent-bottom-box{background-color:#0101027e;border:2px solid #4d78d1;border-radius:10px;min-width:15.7vw;padding:1em 1em .5em}@-webkit-keyframes barGrowth{0%{width:0}to{width:80%}}@keyframes barGrowth{0%{width:0}to{width:80%}}.graph-item{align-items:center;background:#fff;display:flex;justify-content:space-between;margin-top:.5px;padding:.25em .5rem}.graph-labels>p{font-size:14px;min-width:175px;padding-top:1px}@-webkit-keyframes fadeBackground{0%{opacity:0}to{opacity:1}}@keyframes fadeBackground{0%{opacity:0}to{opacity:1}}@media (min-width:1800px){div[class^=results-bg]{background-size:100% 100%}}@media screen and (max-width:1152px){.characteristics{align-items:center;flex-direction:column}.section{align-self:flex-start}div[class^=results-bg]{background-color:#000;min-height:100vh}.separator-line{border-bottom:2px solid #fff;margin-bottom:1em;margin-top:1em;width:100%}.button-group{margin-left:0!important;margin-top:1em!important;position:static!important;width:100%!important}a{min-width:100%!important;text-align:center}.bottom-boxes-container{align-items:center;flex-direction:column;justify-content:center}ul{list-style-position:inside!important}a{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}}@media screen and (max-width:500px){.top-text{padding-left:1em}.animal-name{align-self:flex-start;padding-left:.5em;text-align:center}.transparent-color-box{margin-left:0;max-width:90vw;min-width:90vw}.results-container{align-items:center;display:flex;flex-direction:column;padding-left:0}.section{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.bottom-boxes-container,.graph-box{margin-left:0;max-width:90vw;min-width:90vw}}.landing-container{align-items:center;background-image:url(/static/media/BG1.2542fa140e386819cd36.png);background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.landing-title,a{font-weight:500}.landing-title{align-self:flex-start;background-color:#e8c251c3;border-radius:0 200px 200px 0;color:#000;font-size:2.5vw;letter-spacing:.1rem;margin-bottom:2em;max-width:1400px;padding-left:2em;padding-top:1em;width:60vw}.text-container{display:flex;flex-direction:column;width:75vw}.landing-container h2{font-size:2.8vw;font-weight:600}.landing-container h3{font-size:1.5vw;font-weight:500;margin-top:1em}.landing-container span{color:#e8c251;font-weight:600}a:link,a:visited{color:#000;text-decoration:none}.landing-container p{font-size:1vw;font-weight:500;margin-top:1em}.landing-logo{bottom:6em;position:absolute;right:3em;width:4.5em}@media (min-width:1700px){.landing-title{font-size:2vw;width:50vw}.landing-container h2{font-size:2.5vw}.landing-container h3{font-size:1.2vw}.landing-container p{font-size:.8vw}}@media (max-width:1000px){.landing-title{bottom:65%;font-size:4vw;position:absolute;width:90vw}.text-container{margin-top:8em;width:90vw}.landing-container h2{font-size:5vw}.landing-container h3{font-size:3vw}.landing-container p{font-size:2vw}.landing-logo{bottom:4em;position:absolute;right:1em;width:3em}}@media (max-width:600px){.landing-container .next-button{max-width:90vw!important;text-align:center;width:90vw!important}.landing-logo{align-self:flex-end;bottom:0;margin-top:1em;position:relative}}
/*# sourceMappingURL=main.aa892a41.css.map*/