button,input{border:none;outline:0}#end-row,#quiz-row,#start-row.none,.option input[type=radio],.quiz-display,.quiz-game .quiz-container .quiz-card .answer-wrap .wrap .option.active{display:none}#end-row,.w-max-600{max-width:600px;width:100%}.aside-box,label{line-height:40px}*{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a{text-decoration:none}button{background:0 0;cursor:pointer}:root{--primary-button:#174aee;--primary-input-outline:#5b9fdd;--box-color:#35a4fd;--pink-badge:#f67fbe;--blue-badge:#05b8e2;--yellow-badge:#fb9e14;--messenger-button:linear-gradient(50deg, rgba(113,72,250,1) 28%, rgba(255,93,133,1) 59%);--facebook-button:#0065ff;--whatsapp-button:#00cb58;--twitter-button:#1d9bf0;--bg:#212026;--text-color:#fff;--delete-button:#FB2576;--ff-poppins:'Poppins',sans-serif;--ff-ropa:'Ropa Sans',sans-serif;--fw-300:300;--fw-400:400;--fw-500:500;--fs-1:.8rem;--fs-2:1.2rem;--fs-3:1.3rem;--fs-4:1.4rem;--fs-5:1.5rem;--fs-6:1.6rem}.font-f{font-family:'Ropa Sans',sans-serif}.font-t{font-family:Poppins,sans-serif}.w-300{width:340px}body{font-family:var(--ff-poppins);font-size:14px}.aside-box{margin-bottom:20px;background-color:var(--bg);color:var(--text-color);border-radius:35px;padding:.8rem 0;font-size:var(--fs-2);letter-spacing:1px;max-width:470px;width:100%}.aside-box .box-list{margin:-15px}.aside-box .box-list span{width:1.2rem;height:1.5rem;line-height:1.5rem;margin-top:6px}.box-list .blue-badge{background-color:var(--blue-badge)}.box-list .pink-badge{background-color:var(--pink-badge)}.box-list .yellow-badge{background-color:var(--yellow-badge)}.aside-input,.boxes{margin:30px auto}.aside-input input{border:3px solid var(--primary-input-outline);border-radius:25px;padding:18px 24px}::placeholder{font-size:var(--fs-1)}.btn{background-color:var(--primary-button);border-radius:25px;transition:.5s;font-family:var(--ff-ropa);font-size:var(--fs-2)}.btn:hover{opacity:.8}.boxes .box{width:100px;height:50px;background-color:var(--box-color);border-radius:30px;padding:.7rem}#end-row.active,#quiz-row.active{display:block}.quiz-game .quiz-container{border:3px solid var(--yellow-badge);border-radius:25px;margin-top:60px}.quiz-game .question-nums{background-color:var(--yellow-badge);padding:5px 18px;border-radius:15px 15px 0 0;letter-spacing:1px;top:-7%;left:50%;transform:translateX(-50%)}.quiz-game .quiz-container .quiz-card .question{padding:5px 8px;width:calc(100% - 30px);min-height:80px;border:3px solid #e4e4ec;border-radius:15px;transition:.5s ease-in}.quiz-game .quiz-container .quiz-card .question::placeholder{font-size:var(--fs-3)}.quiz-game .quiz-container .quiz-card .answer-wrap .wrap .option{width:25px;height:25px;border-radius:100%;cursor:pointer;transition:.3s;display:block}.quiz-game .quiz-container .quiz-card .answer-wrap .wrap .delete i:hover,.quiz-game .quiz-container .quiz-card .answer-wrap .wrap .option:hover{transform:scale(1.1)}.quiz-game .quiz-container .quiz-card .answer-wrap .wrap .option i{font-size:25px;color:#fff;display:block;margin-top:-2px;transition:.2s}.quiz-game .quiz-container .quiz-card .answer-wrap .wrap .option i.active{display:block;color:var(--whatsapp-button)}.quiz-game .quiz-container .quiz-card .answer-wrap .wrap .delete i{font-size:25px;color:var(--delete-button);cursor:pointer;transition:.3s}.quiz-game .quiz-container .quiz-card .answer-wrap .wrap .answer{padding:10px 16px;margin:0 8px;border:3px solid #e4e4ec;border-radius:15px;width:calc(100% - 100px);transition:.5s ease-in}.quiz-game .quiz-container .quiz-card .answer-wrap .wrap .answer:hover,.quiz-game .quiz-container .quiz-card .question:hover{border-color:var(--pink-badge)}.quiz-game .quiz-container .quiz-card .answer-wrap .wrap .answer.active{background-color:rgba(0,203,88,.2);border-color:var(--whatsapp-button)}.quiz-game .quiz-container .quiz-card .add-btn,.quiz-game .quiz-container .quiz-card .add-option{background-color:var(--yellow-badge);padding:5px 20px}.right-aside-box{border:1px solid;border-radius:45px;padding-top:20px}.social-button button{width:48%;font-size:var(--fs-1)}.social-button button:first-child{background:var(--messenger-button)}.social-button button:nth-child(2){background-color:var(--whatsapp-button)}.social-button button:nth-child(3){background-color:var(--facebook-button)}.social-button button:nth-child(4){background-color:var(--twitter-button)}.order-title{border-bottom:2px solid;display:inline-block}#end-row{margin-left:auto;margin-right:auto}.content{margin:auto;padding:15px;max-width:800px;text-align:center}.dpx{display:flex;align-items:center;justify-content:space-around}.option label,.option-input{display:inline-block;cursor:pointer}h1{font-size:28px;line-height:28px;margin-bottom:15px}label{display:block}.option-input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;top:13.33333px;right:0;bottom:0;left:0;height:40px;width:40px;transition:.15s ease-out;background:#cbd1d8;border:none;color:#fff;margin-right:.5rem;outline:0;position:relative;z-index:1000}.option-input:hover{background:#9faab7}.option-input:checked{background:#40e0d0}.option-input:checked::before{width:40px;height:40px;display:flex;content:'\f00c';font-size:25px;font-weight:700;position:absolute;align-items:center;justify-content:center;font-family:'Font Awesome 5 Free'}.option-input:checked::after{-webkit-animation:.65s click-wave;-moz-animation:.65s click-wave;animation:.65s click-wave;background:#40e0d0;content:'';display:block;position:relative;z-index:100}.option-input.radio,.option-input.radio::after{border-radius:50%}@keyframes click-wave{0%{height:40px;width:40px;opacity:.35;position:relative}100%{height:200px;width:200px;margin-left:-80px;margin-top:-80px;opacity:0}}.option label{background-color:#d1d1d1;padding:4px 11px;font-family:Arial;font-size:18px}.option input[type=radio]:checked+label{background-color:#76cf9f}.nextQuestionClicked{position:fixed;left:0;top:0;animation:.5s ease-in-out alternate fadeOutLeft}.nextQuestionReveal{position:fixed;left:0;top:0;animation:.5s ease-in-out alternate fadeInRight}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translateX(-100%)}}@keyframes fadeInRight{from{opacity:.2;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}