@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{font-family:Poppins,sans-serif}body{margin:auto;background:linear-gradient(135deg,#faf6f0,#f0ebe0);min-height:100vh;color:#3d3428}.container{font-size:18px;margin:auto;overflow-wrap:break-word;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.cont-components{margin:auto;width:100%;background:#e7d7b4;padding:16px;box-shadow:0 8px 32px #8b5a2b26;box-sizing:border-box}@media(min-width:500px){.cont-components{width:80%;padding:24px;border-radius:16px;margin-top:20px}}@media(min-width:600px){.cont-components{width:80%}}@media(min-width:800px){.cont-components{width:60%}}@media(min-width:1100px){.cont-components{width:50%}}.cont-title-menu{display:flex;background:linear-gradient(90deg,#e7d7b4,#e7cc92);justify-content:space-around;box-shadow:0 4px 16px #8b5a2b1a;position:relative;z-index:3;max-width:100%;box-sizing:border-box}.cont-title{display:flex;justify-content:center;align-items:center}.cont-title img{width:28px}@media(min-width:400px){.cont-title img{width:36px}}h1{margin-left:6px;font-weight:700;font-size:22px;letter-spacing:-.5px;color:#8b5a2b}@media(min-width:400px){h1{font-size:24px}}.h1-link{text-decoration:none;color:inherit}input,select,button{width:95%;padding:10px;border:2px solid #c9a66b;border-radius:12px;font-size:12px;cursor:pointer;overflow-wrap:break-word;word-wrap:break-word;transition:all .3s ease;box-sizing:border-box;background-color:#fffcf5;color:#3d3428}@media(min-width:400px){input,select,button{padding:12px;font-size:16px}}input:focus,select:focus{outline:none;border-color:#8b5a2b;box-shadow:0 0 12px #8b5a2b33}.cont-menu{display:flex;flex-direction:column;align-items:center;position:absolute;top:54px;right:0;width:100%;height:70%;background:#e7d7b4;box-shadow:0 8px 24px #8b5a2b26;z-index:2;color:#3d3428;transition:all .3s ease;border-radius:0 0 0 16px}@media(min-width:900px){.cont-menu{width:18%;height:auto}}.cont-menu .link{transition:all .3s ease;cursor:pointer;color:#8b5a2b;text-decoration:none;margin-top:20px;font-size:18px;padding:10px 16px;border-radius:8px}.cont-menu .link:hover{background-color:#8b5a2b1a;color:sienna}.menu-burg-icon{width:25px;height:35px;align-self:center;margin-bottom:-4px;transition:all .5s ease;cursor:pointer}.menu-burg-icon:focus,.menu-burg-icon:active{transform:scale(2)}.cont-questionCard{font-size:14px}@media screen and (min-width:500px){.cont-questionCard{font-size:17px}}.cont-questionCard .cont-time-index-points{display:flex;justify-content:space-between;border-bottom:2px solid #c9a66b;padding-bottom:12px;margin-bottom:16px}.cont-title-options{text-align:center;margin-bottom:20px}.cont-title-options h2{color:#5d4e37;font-weight:600;line-height:1.5}.cont-questionCard .cont-time-index-points .time{border-radius:20px;padding:3px 10px;background:#c9a66b;border:none;font-weight:600;font-size:16px;color:#3d3428;box-shadow:0 4px 12px #c9a66b4d}.cont-options{display:flex;flex-direction:column;align-items:center}.cont-options button{margin:10px 0;font-weight:600;background:#fdf8f0;box-shadow:0 4px 12px #8b5a2b1a;transition:all .3s ease;color:#3d3428;border:2px solid #c9a66b}.cont-options button:hover{border:#8b5a2b 2px solid;transform:translateY(-2px);box-shadow:0 6px 20px #8b5a2b33}.cont-options button:focus,.cont-options button:active{transform:scale(1.02)}.option-correct{background:#8fbc8f!important;border-color:#6b8e6b!important;color:#3d3428!important;box-shadow:0 4px 16px #8fbc8f66!important}.option-incorrect{background:peru!important;border-color:sienna!important;color:#fff!important;box-shadow:0 4px 16px #cd853f66!important}@media(min-width:500px){.cont-questionCard .cont-time-index-points .time{font-size:14px;padding:4px 12px}}.cont-formOptions{display:flex;flex-direction:column;align-items:center}.cont-formOptions div{margin:8px 0;width:90%}.cont-formOptions label{font-size:14px}@media(min-width:400px){.cont-formOptions label{font-size:16px}}.cont-formOptions input,select{margin:6px 0;width:100%}.cont-formOptions select{background:#fdf8f0;box-shadow:0 4px 12px #8b5a2b1a}.cont-formOptions select option{background-color:#fdf8f0}.cont-formOptions input{background:#8b5a2b;font-weight:600;color:#fffcf5;border:none;box-shadow:0 4px 16px #8b5a2b4d}.cont-formOptions input:hover{background:sienna;transform:translateY(-2px);box-shadow:0 6px 20px #8b5a2b66}.cont-finished{text-align:center}.cont-finished img{width:150px;filter:drop-shadow(0 8px 24px rgba(139,90,43,.2));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(min-width:700px){.cont-finished img{width:250px}}.cont-finished input{margin:10px 0;font-weight:600;background:#8b5a2b;color:#fffcf5;border:none;transition:all .3s ease}.cont-finished input:hover{background:sienna;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #8b5a2b66}.welldone{background:linear-gradient(90deg,peru,#8b5a2b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:28px;font-weight:700}.cont-stats{width:95%;margin:auto}h3{text-align:center;color:#8b5a2b}.cont-scores{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.cont-scores>div{border:1px solid #c9a66b;border-radius:16px;box-shadow:0 4px 16px #8b5a2b1a;padding:12px;text-align:center;width:80%;margin:10px;background:#fdf8f0;transition:all .3s ease}@media(min-width:400px){.cont-scores>div{width:40%}}@media(min-width:800px){.cont-scores>div{width:20%}}.cont-scores>div:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5a2b33;border-color:#8b5a2b}.cont-scores img{width:30px;height:30px;margin-top:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.cont-scores>div>div{display:flex;justify-content:center}.cont-scores>div>div>p{margin-left:10px;color:#8b7355}.cont-scores>div>div>p>p{font-size:20px}.score-number{font-size:25px;font-weight:700;color:#8b5a2b}.no-scores{text-align:center;color:sienna}