.card{background:#fff;border-radius:20px;min-width:700px;max-width:500px;margin:55px auto 300px;padding:15px;display:none;position:sticky;top:0;box-shadow:0 0 10px #00000080;margin-bottom:0!important}h2{text-align:center;background:#d3d3d3a3;border-radius:15px;margin:0 0 30px;padding:25px;font-size:17px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-y:hidden}.qs{justify-content:space-between;display:flex}.left,.right{width:48%}.bad:hover{border:2px solid red!important}.good:hover{border:2px solid green!important}input[type=radio]{opacity:0}.answer{justify-content:space-between;display:flex}.answer-box{width:85%;display:flex}label{text-align:center;justify-content:center;align-items:center;width:48%;height:7px;font-weight:500;display:inline-flex}.best{box-shadow:0 0 3px #006400!important}.worst{box-shadow:0 0 3px #8b0000!important}.best-border{border:2px solid green!important}.worst-border{border:2px solid red!important}.big-div-answer{margin-top:15px;margin-bottom:25px}.card-header{border-bottom:2px;border-radius:25px 25px 0 0}.q-head{border-radius:25px 25px 0 0!important}.card.active{display:block}body{background:#20b2aa9c;width:99vw;margin:234px auto}.radio-buttons-container label{cursor:pointer;background:#fff;border:3px solid #0000;border-radius:6px;margin:10px;padding:20px;font-size:15px;position:relative;box-shadow:0 0 8px #74737363}li{text-align:justify;margin:21px}.guied-button{cursor:pointer;text-align:center;background:#90ee90;border:none;border-radius:5px;width:20%;margin:40px auto;padding:20px 70px;display:block}.radio-buttons-container label:after{content:"";opacity:0;border-radius:4em;width:100%;height:100%;transition:all .5s;display:block;position:absolute;top:0;left:0;box-shadow:0 0 10px 40px #ccc}.radio-buttons-container label:hover,.radio-buttons-container>.good input[type=radio]:checked+label{border:3px solid #2abb9c}.radio-buttons-container input[type=radio]:checked+label:after{opacity:1;border-radius:4em;transition:all;position:absolute;top:0;left:0;box-shadow:0 0 #ccc}.navigation-buttons{justify-content:space-between;width:700px;margin:20px auto;display:flex}.next-prev{cursor:pointer;border:2px solid gray;border-radius:15px;width:27%;padding:20px}.send{color:#fff;background:#4dad4d;border-radius:10px;width:40%;font-size:20px;display:none}.show{display:block}.line{border:2px solid gray;width:300px;height:30px}.inline{width:90%}.container{border:2px solid gray;border-radius:25px;width:234px;height:10px;margin:auto;position:relative;overflow:hidden}.colored-div{background-color:#2ecc71;width:20%;height:100%;position:absolute;left:0}@media (width<=576px){body{overflow-y:auto}h2{font-size:14px}.card{margin:50px auto}.answer-box{width:auto}.card{min-width:0!important;max-width:90%!important}.next-prev{padding:10px 0!important}.answer>div{text-align:justify;align-items:center;min-width:35%;font-weight:500;display:flex}.navigation-buttons{width:100%!important}.answer{flex-wrap:wrap}.answer>p{text-align:center;margin:10px auto;width:100%!important}label{padding:5px 20px 20px!important;display:block!important}}.answer>p{width:20%}.card{margin:200px auto}.entry-content{padding:0!important}form{margin-top:-150px!important}#submit-button{background:#2ed019e6;border:2px dotted green;padding:5px}#submit-button::hover{border:3px solid green}