PATH:
root
/
quizcss
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}html{scrollbar-color:#000 #fff;scrollbar-width:thin;font-size:18px;scroll-behavior:smooth}@media only screen and (max-width: 1600px){html{font-size:16px}}@media only screen and (max-width: 1400px){html{font-size:15px}}html,body{height:100%}body{background:#f7f7f7;font-family:"Poppins",Arial,Helvetica,sans-serif;line-height:1.3;color:#333;font-size:16px;font-weight:400}h1,h2{font-size:24px;font-weight:600;margin-bottom:20px}p{margin-bottom:10px}p:last-of-type{margin-bottom:0}a{transition:all .3s ease 0s;color:#333;font-size:16px;font-weight:600}a:hover{color:#09c269}#content{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}#mess{color:var(--Black, #15181A);text-align:center;font-size:24px;font-style:normal;font-weight:600;line-height:130%}.quiz-box .flex{display:flex}.quiz-box .btn{border:none;background:#0a7b58;color:#fff;padding:15px 30px;font-weight:600;height:auto;text-align:center;text-decoration:none;transition:all .3s ease 0s}.quiz-box .btn:hover,.quiz-box .btn:focus,.quiz-box .btn:active{background:#333}.quiz-box .btn2{border-radius:8px;background:var(--Green, #0A7B58);text-decoration:none;color:#fff;width:auto;cursor:pointer}.quiz-box .btn2:hover,.quiz-box .btn2:focus{color:#fff;background:var(--Green, #086648)}.quiz-box button{width:100%;outline:none;cursor:pointer;transition:all .3s ease 0s;background:#fff;text-align:left;margin-top:10px;padding:12px;border-radius:7px;border:2px solid #15181a;text-align:center;font-size:16px;font-style:normal;font-weight:600}.quiz-box button:focus{background:initial}.quiz-box button.good{background:#0a7b58;pointer-events:none;color:#fff}.quiz-box button.false{pointer-events:none;color:#fff;background:#c30b0b}.quiz-box button:hover,.quiz-box button:active{background:#ececec}.quiz-box h2{text-align:center;font-size:2rem;width:100%;margin-top:3rem}#score{font-weight:600;margin-left:0px;margin-top:2px;color:#0a7b58;font-size:16px;font-style:normal;font-weight:600;text-transform:uppercase;position:absolute;visibility:hidden}#score.show{visibility:visible}.time{font-size:20px;font-style:normal;font-weight:600;margin-left:10px;position:absolute;right:0;display:flex;align-items:center;top:2px}.time span{margin-left:10px}.p-big{margin-bottom:10px !important;font-size:20px}.time-line{width:100%;height:8px;background:#d9d9d9;position:absolute;top:-17px;border-radius:7px}.time-line.red{background:#c30b0b}#time-line{background:#0a7b58;height:8px;display:inline-block;z-index:1;width:100%;position:absolute;border-radius:7px}#time-line.start{animation:60s in-out linear;width:0}@keyframes in-out{0%{width:100%;background:#0a7b58}50%{background:#0a7b58}100%{width:0;background:#c30b0b}}.totaltime-f{position:fixed;left:20px;top:20px}.quiz-box{width:848px;min-height:456px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:60px}.quiz-box .bg{background:rgba(0,0,0,0);padding:50px;width:100%;min-height:366px}.quiz-box .bg #question{text-align:center;width:100%;font-size:24px;font-style:normal;font-weight:600;margin-top:3rem}.quiz-box .bg.bg-center{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.quiz-box .bg.bg-center h2{margin:0;margin-bottom:10px}.quiz-box .start{flex-direction:column;display:flex}.quiz-box .start p{text-align:left}.quiz-box .start .p1{margin:15px}.quiz-box .start .center{text-align:center}.quiz-box .start .btn{margin-bottom:10px}.quiz-box .start.hidden{opacity:0;display:none}.quiz-box .quiz{display:flex;width:100%;flex-direction:column;visibility:hidden;opacity:0;display:none;transition:all .4s}.quiz-box .quiz.show{display:flex;opacity:1;visibility:visible}.flex{position:relative}#div-lose{visibility:hidden;opacity:0;display:none;flex-direction:column;justify-content:center;height:100%;position:relative;text-align:center}#div-lose.show{display:flex;opacity:1;visibility:visible}#div-lose2{visibility:hidden;opacity:0;display:none;flex-direction:column;justify-content:center;height:100%;position:relative;text-align:center}#div-lose2.show{display:flex;opacity:1;visibility:visible}.info-box{display:flex;padding:10px 0;margin:15px 0}.info-box svg{color:#09c269;fill:#09c269;width:auto;height:21px}.info-box p{text-align:center;width:100%}.info-box p a{color:#086648;font-weight:600}.info-box p a:hover{color:#09c269}.win{display:none;display:block;opacity:1;visibility:visible}.win h2{margin-bottom:0;color:var(--Green, #0A7B58);font-size:16px;font-style:normal;font-weight:600;text-transform:uppercase}.win .p-big{color:var(--Black, #15181A);text-align:center;font-size:24px;font-style:normal;font-weight:600;line-height:130%;margin-bottom:1.5rem !important}.win .center{display:flex;flex-direction:column;text-align:center;max-width:500px;justify-content:center;margin:auto}.win .btn{margin-bottom:10px}.win.show{display:block;opacity:1;visibility:visible}#time-info{font-weight:600}form>div{margin-top:10px;position:relative;text-align:left}form>div label{cursor:pointer;padding-left:30px;font-size:16px;display:block}form>div label a{font-weight:600;color:#0a7b58}form input[type=text],form input[type=email]{width:100%;outline:none;transition:all .3s ease 0s;border-radius:7px;border:2px solid var(--Black, #15181A);background:#fff;text-align:left;margin-top:10px;padding:10px;padding-left:15px;font-weight:600}form input[type=checkbox]{margin:0;left:0;opacity:0;pointer-events:none;position:absolute;top:0;text-align:left}form label::before{content:"";width:20px !important;height:20px !important;transition:120ms transform ease-in-out;border-radius:4px;border:2px solid var(--Black, #15181A);display:block;opacity:1;position:absolute;top:0;left:0}form input[type=checkbox]:checked~label::before{background:#086648}.win .btn{margin-top:20px}.show-all{justify-content:flex-start !important;align-items:flex-start !important;padding:20px;margin:10px 0}.show-all ul{font-size:15px;width:100%}.show-all ul li{border-bottom:1px solid #111;padding:10px 0}.show-all ul li:hover{background:#dbdbdb}.show-all ul li span{width:10%;display:inline-block}.show-all ul li span.id{width:40px}.show-all ul li span.id2{width:70px}.show-all ul li span.email{width:300px}
[+]
..
[-] bg.jpg
[edit]
[+]
parts
[-] style.scss
[edit]
[-] style.css
[edit]
![[edit]](?e=bg.jpg&p=%2Fquiz%2Fcss){kind=link}