@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--radio-button-color:#3f3f3f;--gray-color:#3f3f3f}body,html{background:#6acce0;background:var(--dark-color);height:100%}*>*{font-family:Poppins,sans-serif}.container{display:block;height:auto;margin:40px auto;padding:20px;position:relative;width:800px}.container .title{border:5px solid #f6a884;border:5px solid var(--primary-color);border-radius:4px;font-size:3em;padding:.3em .2em;text-align:center}.disclaimer,.text-light{color:#3f3f3f;color:var(--light-color)}.container .questions{padding:3em}.container .grid{display:grid;grid-template-columns:1fr 1fr;margin-top:3em}.container .btn{border:none;border-radius:.1em;font-size:1.2em;padding:.2em 1.7em}.container .btn:hover{background-color:#ecf4dd;color:#202020;cursor:pointer}.next{background-color:#f9bd65;justify-self:flex-end}.prev{background-color:#d7e8b2;justify-self:flex-start}.assessment{ul{list-style:none;margin:0;overflow:auto;padding:0}ul li{border-bottom:1px solid #333;display:block;float:left;height:100px;position:relative;width:100%}ul li input[type=radio]{position:absolute;visibility:hidden}ul li label{cursor:pointer;display:block;font-size:1.35em;font-weight:300;height:30px;margin:10px auto;padding:25px 25px 25px 80px;position:relative;-webkit-transition:all .25s linear;z-index:9}ul li:hover label{color:#f0ead6}ul li .check{border:5px solid #3f3f3f;border-radius:100%;display:block;height:25px;left:20px;position:absolute;top:30px;transition:border .25s linear;-webkit-transition:border .25s linear;width:25px;z-index:5}ul li:hover .checked{border:5px solid #fff}ul li .check:before{border-radius:100%;content:"";display:block;height:15px;left:5px;margin:auto;position:absolute;top:5px;transition:background .25s linear;-webkit-transition:background .25s linear;width:15px}input[type=radio]:checked~.check{border:5px solid #3f3f3f;border:5px solid var(--radio-button-color)}input[type=radio]:checked~.check:before{background:#3f3f3f;background:var(--radio-button-color)}input[type=radio]:checked~.text-primary{color:#3f3f3f;color:var(--radio-button-color)}.checked{border:5px solid #3f3f3f!important;border:5px solid var(--gray-color)!important}.checked:before{background:#3f3f3f;background:var(--gray-color)}textarea{background-color:#f8f8f8;border:2px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;height:150px;padding:12px 20px;resize:none;width:100%}}a:link{background-color:initial;color:#f6a884;color:var(--primary-color);text-decoration:none}.container ol li{color:#3f3f3f;font-size:1.4em}@media only screen and (max-width:600px){.container{width:400px}.container .title{border:5px solid #f6a884;border:5px solid var(--primary-color);border-radius:4px;font-size:1.4em;padding:.3em .2em;text-align:center}.container ol li{font-size:1em}.assessment{ul li label{cursor:pointer;display:block;font-size:1em;font-weight:300;height:20px;margin:10px auto;padding:25px 25px 25px 80px;position:relative;-webkit-transition:all .25s linear;z-index:9}}.disclaimer{font-size:.7em}.container .questions{padding:1em}}@media only screen and (min-width:600px){.container{width:600px}.container .title{border:5px solid #f6a884;border:5px solid var(--primary-color);border-radius:4px;font-size:1.4em;padding:.3em .2em;text-align:center}.container ol li{font-size:1em}.assessment{ul li label{cursor:pointer;display:block;font-size:1em;font-weight:300;height:20px;margin:10px auto;padding:25px 25px 25px 80px;position:relative;-webkit-transition:all .25s linear;z-index:9}}.disclaimer{font-size:.7em}.container .questions{padding:1em}}@media only screen and (min-width:768px){.container{width:600px}}@media only screen and (min-width:992px){.container{width:800px}}.start{display:flex;justify-content:center;padding-top:2em}.start .btn{background-color:#d7e8b2;border:none;border-radius:.1em;color:#202020;font-size:1.2em;padding:.2em 1.7em;text-decoration:none}#form{align-items:center;display:flex;flex-direction:column;margin-top:3em}#form .userEmail,#form .userid{border:none;border-radius:3px;font-size:1em;margin-top:.5em;padding:.7em 2em;width:50%}.result-container{display:block;height:auto;margin:40px auto;padding:20px;position:relative;width:800px}.result-container .title{border:5px solid var(--primary-color);border-radius:4px;font-size:3em;padding:.3em .2em;text-align:center}.flex-center{border:3px solid #f6a884;display:flex;flex-direction:column;gap:1em;justify-content:center;padding:3em 4em}.result-container .flex{display:flex;justify-content:space-between}.result-container .flex span{color:#000;font-size:1.3em}.result-container .flex span.achive{color:#ff2a66;color:#2aff95;font-weight:700}table{font-size:1.3em;width:100%}tr>td{padding-bottom:.4em}:root{--primary-color:#f6a884;--dark-color:#6acce0;--light-color:#3f3f3f}