@import"https://fonts.googleapis.com/css2?family=Kantumruy+Pro:ital,wght@0,100..700;1,100..700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;text-wrap:balance}body{font-family:Kantumruy Pro,sans-serif;background-color:#262525a1;background:url(/assets/background-DoQQcEt1.jpg) #262525ed no-repeat center fixed;background-size:cover;background-blend-mode:multiply;color:#fff;height:100%}a{color:#fff}a:visited{color:#f5f5f5}.type-description-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.type-description-container h1,.type-description-container h3,.type-description-container p{margin:0 1rem;text-align:center;max-width:65ch;line-height:24px;padding:1rem}.type-description-container ul{padding:1rem;margin:0 1rem;line-height:24px;max-width:65ch}.type-description-container p,.type-description-container ul{background-color:#1a3a2259;-webkit-box-shadow:12px 15px 8px 0px rgba(0,0,0,.66);-moz-box-shadow:12px 15px 8px 0px rgba(0,0,0,.66);box-shadow:12px 15px 8px #000000a8;border:1px solid white;border-radius:5px}@media screen and (min-width: 750px),screen and (min-height: 800px){.type-description-container h1,.type-description-container h3,.type-description-container p{margin:0 auto;text-align:center;max-width:65ch;line-height:24px;padding:3rem}.type-description-container ul{padding:2rem;margin:1rem auto;line-height:24px;max-width:700px;max-width:moz-available}.type-description-container p,.type-description-container ul{background-color:#1a3a2259;-webkit-box-shadow:12px 15px 8px 0px rgba(0,0,0,.66);-moz-box-shadow:12px 15px 8px 0px rgba(0,0,0,.66);box-shadow:12px 15px 8px #000000a8;border:1px solid white;border-radius:5px}}.analytical-bkg{background:url(/assets/analytical-xvMFacXN.jpg) #262525a1 no-repeat center fixed;background-size:cover;background-blend-mode:multiply;height:clamp(100vh,100%,100%);padding:1rem}.amiable-bkg{background:url(/assets/amiable-Cb55Es94.jpg) #262525a1 no-repeat center fixed;background-size:cover;background-blend-mode:multiply;height:clamp(100vh,100%,100%);padding:1rem}.driver-bkg{background:url(/assets/driver-Cu4gSrBP.jpg) #262525a1 no-repeat center fixed;background-size:cover;background-blend-mode:multiply;height:clamp(100vh,100%,100%);padding:1rem}.expressive-bkg{background:url(/assets/expressive-CGChOzDs.jpg) #262525d4 no-repeat center fixed;background-size:cover;background-blend-mode:multiply;height:clamp(100vh,100%,100%);padding:1rem}@media screen and (min-height: 600px){.analytical-bkg{background:url(/assets/analytical-sm-DXVy1xbI.jpg) #262525d4 no-repeat center fixed;background-size:cover;background-blend-mode:multiply}.amiable-bkg{background:url(/assets/amiable-sm-DOkAI5st.jpg) #262525d4 no-repeat center fixed;background-size:cover;background-blend-mode:multiply}.driver-bkg{background:url(/assets/driver-sm-CQ2Dt9P7.jpg) #262525d4 no-repeat center fixed;background-size:cover;background-blend-mode:multiply}.expressive-bkg{background:url(/assets/expressive-sm-BgqPjcvJ.jpg) #262525d4 no-repeat center fixed;background-size:cover;background-blend-mode:multiply}}.error{margin:25vh auto;text-align:center}.error h1{font-size:3rem}.error p{padding:3rem}.question-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.question-wrapper h1{margin-top:5rem;font-size:2.8rem}.question-wrapper h4{font-size:1.25rem}form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}fieldset{background-color:#1a3a2259;-webkit-box-shadow:12px 15px 8px 0px rgba(0,0,0,.66);-moz-box-shadow:12px 15px 8px 0px rgba(0,0,0,.66);box-shadow:12px 15px 8px #000000a8;border-radius:5px;max-width:600px;max-height:750px;padding:2rem;position:relative;transition:transform .25s ease,opacity .25s ease;opacity:1}.slide-in{transform:translate(100%);opacity:0;animation:slideIn .25s forwards}.slide-out{transform:translate(-100%);opacity:0;animation:slideOut .25s forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}input[type=radio]{display:grid;place-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:#0b0a07;width:16px;height:16px;border:1px solid rgba(0,0,0,.55);border-radius:50%;cursor:pointer}input[type=radio]:before{content:"";width:.5em;height:.5em;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #5a877f}input[type=radio]:checked:before{transform:scale(1)}.question{margin:2rem}.answer{display:grid;grid-template-columns:1em 1em 1fr;align-items:center;align-content:center;gap:.5em;margin:1rem;padding:.5rem;line-height:25px}.answer-letter{font-weight:800}.button-field{width:100%;display:flex;justify-content:space-evenly;padding:3rem}button:hover{cursor:pointer}button[disabled]:hover{cursor:not-allowed}button{background:#00000061;color:#fff;border-radius:10px;border:none;height:2.5rem;width:4.6rem;-webkit-box-shadow:1px 1px 19px 3px rgba(228,228,228,.52);-moz-box-shadow:1px 1px 19px 3px rgba(228,228,228,.52);box-shadow:1px 1px 19px 3px #e4e4e414;font-size:1rem;letter-spacing:.1rem}button:disabled{background:#cacaca15;background-color:#cacaca14;color:gray;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}legend{font-size:1.2rem;font-weight:800;margin-top:1rem}@media screen and (min-width: 370px){fieldset{padding:1rem}}@media screen and (min-width: 1280px){.question-wrapper{max-width:800px}legend{font-size:1.7rem}fieldset{padding:3rem;width:800px;max-width:800px;max-height:900px;height:500px}.radio-set span,.radio-set label{font-size:1.2rem}button{height:3.5rem;width:8rem;font-size:1.2rem}}@media screen and (min-width: 2000px){.question-wrapper h1{font-size:3.5rem}.question-wrapper h4{font-size:2rem}fieldset{padding:3rem;width:1000px;height:700px}.answer{font-size:1.5rem;padding:2rem}.question-counter{font-size:1.5rem}button{height:5rem;width:8rem;font-size:1.5rem}input[type=radio]{width:20px;height:20px;border:1px solid rgba(0,0,0,.55)}input[type=radio]:before{content:"";width:.4em;height:.4em;border-radius:50%;transform:scale(0);box-shadow:inset 1em 1em #5a877f}legend{font-size:1.8rem}}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:800px;margin:5% auto;height:100%}.home h1{font-size:2.8rem;margin-top:4rem}.home p{margin:2.5rem auto;line-height:30px;text-align:center}.home button{height:4rem;width:8rem;font-size:1.1rem;letter-spacing:.1rem}@media screen and (min-width: 700px){.home{max-width:800px;margin:1% auto}.home h1{font-size:4rem}.home p{margin:2.5rem auto;line-height:40px;text-align:center;font-size:1.5rem}.home button{height:4rem;width:10rem;font-size:1.3rem}}@media screen and (min-width: 1200px){.home{max-width:1000px;margin:1% auto}}.results-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.results-wrapper h1{font-size:2.8rem;margin:1rem auto}.results-wrapper p{text-align:center;margin:1rem auto}.category-wrapper{background-color:#1a3a2259;-webkit-box-shadow:12px 15px 8px 0px rgba(0,0,0,.66);-moz-box-shadow:12px 15px 8px 0px rgba(0,0,0,.66);box-shadow:12px 15px 8px #000000a8;border-radius:5px;width:75vw;max-width:800px;border:1px solid white;padding:2rem;margin:2rem auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.category-wrapper .result{padding:1rem}.category-wrapper .percentage{color:#27ca0e;font-size:1.2rem}.accordion-wrapper{padding:1em;margin:.5em;width:300px;text-align:center;cursor:pointer}.accordion-wrapper h4{padding:1em}.accordion-wrapper ul{margin:1em}.accordion-btns{padding:.5em}.strengths-weaknesses-div{padding:1rem;line-height:24px;border:1px solid rgb(90,135,127);border-radius:20px}.strengths{margin-bottom:1rem}.about_wrapper{max-width:1400px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5% auto}.about_wrapper section{padding:2rem}.about_wrapper section h1,.about_wrapper section p{padding:1rem}footer{font-size:12px;line-height:18px}@media screen and (min-width: 1200px){.about_wrapper{font-size:1.35rem}footer{font-size:.95rem;line-height:2rem}}