.custom_dropdown_button,.div-button,.div-button-start-game{border-color:transparent!important}.d-social-network,.div-question{justify-content:center}.card-quizdly,.rescaler{transform-origin:center top}.div-title,.modal__title{font-weight:700}.card-quizdly,.modal__container{place-items:center;text-align:center}#id-dark-mode{border:none}.body-dark{background-color:#423f3f!important}.body-light{background-color:#f8f8f8!important}.card-dark{background-color:#c5bdbb!important}.card-light{background-color:#fff4f0!important}.title-dark{color:#fff4f0!important}.title-light{color:#000!important}.d-i-options{place-self:center}.i-options{height:25px;padding:0;width:25px}.text-break{margin-bottom:55%}.div-policy{font-size:11px;margin-top:7%}.header_wrapper{display:grid;grid-template-columns:[first] 10% auto [last] 10%}.page_title{font-family:Montserrat_bold;margin:5px auto 0}.left_corner{margin-right:auto}.right_corner{margin-left:auto;top:0;right:0;width:40px;height:40px;margin-right:4px;margin-top:2px}.custom_dropdown:hover{background-color:transparent!important}.custom_dropdown_button.show,.custom_dropdown_button:active,.custom_dropdown_button:focus,.custom_dropdown_button:hover{background-color:#fff7f1!important}.dropdown-item{font-size:12px!important}.custom_dropdown_button{border-radius:12px!important}.custom_dropdown_button:active{color:transparent;box-shadow:none!important}.btn-next-question:hover,.div-button-start-game:hover{background-color:#fdcd3b!important}.div-paragraph{text-align:initial}.div-button{background-color:#ffe8a2}.div-button-start-game{background-color:#ffe69b;width:100%;height:10%;margin:-5%!important}.checker-wrapper,.countdown{margin-left:auto;margin-right:auto}.div-button-start-game:hover{transition:.1s linear}.welcome_off{position:absolute;visibility:hidden!important;display:none}.game_off{opacity:0;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%}.game_on{opacity:1;pointer-events:all;position:static}.div-question{height:30%;padding:1%;display:flex;align-items:center}.div-answers{margin-top:5%;height:75%;gap:5%}.btn-next-question,.btn-next-question:hover{margin-bottom:5%!important;width:100%;height:10%}.welcome-design,section#section_game{height:100%}.scaleable-wrapper-welcome{padding:20px;resize:both;position:relative;background:rgba(255,255,255,0);height:75%;align-items:center;justify-content:center;display:flex}.box-card,.card-design-welcome{position:relative;background:rgba(255,255,255,0);align-items:center;display:flex;resize:both}.card-design-welcome{padding:8%;height:75%;justify-content:center}.box-card{padding-left:8%;padding-right:8%;height:70%;justify-content:center;perspective:1000px;-webkit-perspective:1000px;padding-bottom:20px}.card-quizdly,.front-card,.rescaler{position:absolute}.rescaler{width:400px;height:600px;text-align:center;top:.5%}.card-quizdly{width:100%;height:100%;border-radius:10%;background-color:#fff4f0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:.5s cubic-bezier(.9, .46, .4, .86);-webkit-transition:.5s cubic-bezier(.9, .46, .4, .86);padding:8%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(0,0,0,.15)}.front-card{backface-visibility:hidden;-webkit-backface-visibility:hidden;width:82%;height:95%}.front-card.back-card{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.action-180{transform:rotateY(-180deg)!important;-webkit-transform:rotateY(-180deg)!important}.card-red{background-color:#ff8181!important}#answer_2,.card-blue{background-color:#cfe2f3}.card-green{background-color:rgba(139,255,139,.644)!important}#answer_4,.card-yellow{background-color:#fff2cc}.div-explain-solution{display:grid;height:55%}.modal__quizdly{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#111111bd;display:flex;opacity:0;pointer-events:none;transition:opacity .6s .7s;--transform:translateY(-100vh);--transition:transform .8s}.modal--show{opacity:1;pointer-events:unset;transition:opacity .6s;--transform:translateY(0);--transition:transform .8s .6s}.modal__container{margin:auto;width:90%;max-width:600px;max-height:90%;border-radius:6px;padding:3em 2.5em;background-color:#fff;gap:1em;grid-auto-columns:100%;transform:var(--transform);transition:var(--transition);display:flex;flex-direction:column;align-items:center}.modal__title{font-size:1.5rem}.modal__tweet,.modal__whatsapp{color:#fff;padding:1em 3em;display:inline-block;font-weight:300;transition:background-color .3s;text-decoration:none}.modal__paragraph{margin-bottom:10px}.modal__img{width:50%;max-width:300px}.modal__tweet{background-color:#1da1f2;border:1px solid;border-radius:6px}.modal__tweet:hover{color:#1da1f2;background-color:#fff}.modal__whatsapp{background-color:#128c7e;border:1px solid;border-radius:6px}.modal__whatsapp:hover{color:#128c7e;background-color:#fff}.iclosemodal{font-size:xxx-large;color:red}.countdown{width:10%;height:5%;display:flex;justify-content:center;align-items:center;margin-bottom:2%}svg{grid-column:1;grid-row:1}[r]{fill:none;stroke:silver}[r]+[r]{transform:rotate(-90deg);stroke-linecap:round;stroke:silver;animation:15s linear infinite paused arc;animation-name:arc,col}@keyframes arc{0%{stroke-dashoffset:35px}}@keyframes col{0%{stroke:silver}2%{stroke:#32c02d}25%{stroke:#c8ff00}50%{stroke:#eeff00}75%{stroke:#ff7300}100%{stroke:#ff0000}}.checker-wrapper{display:flex;justify-content:space-between;align-items:center;width:60%;height:10%;align-content:center;gap:5;column-gap:5%;padding-top:20px}.box-card-checker{resize:both;position:relative;background:rgba(255,255,255,0);height:100%;align-items:center;justify-content:center;display:flex;perspective:1000px;-webkit-perspective:1000px;width:100%}.card-quizdly-checker,.rescaler-checker{transform-origin:center top;position:absolute;text-align:center}.rescaler-checker{width:40px;height:60px;top:.5%}.card-quizdly-checker{width:100%;height:100%;border-radius:10%;background-color:#fff4f0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:.5s cubic-bezier(.9, .46, .4, .86);-webkit-transition:.5s cubic-bezier(.9, .46, .4, .86);padding:8%;display:flex;align-items:center;place-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.15)}.div-solution{margin-top:5%;width:100%;height:25%}#answer_1{background-color:#f4cccc}#answer_1:hover{background-color:#ff7373}#answer_2:hover{background-color:#67b8ff}#answer_3{background-color:#d9ead3}#answer_3:hover{background-color:#9cff78}#answer_4:hover{background-color:#ffdc74}.modal{--bs-modal-width:800!important}@font-face{font-family:Montserrat_medium;src:url('../FONTS/montserrat/Montserrat-Medium.ttf')}@font-face{font-family:Montserrat_bold;src:url('../FONTS/montserrat/Montserrat-Bold.ttf')}#nav_main{padding:.5%}#logo_nav{height:40px;margin-left:10px}.social-icon{color:#fff;text-shadow:4px 4px 4px #000;font-size:2em;margin:10px}.main-screen{display:flex;height:100vh;align-items:center;justify-content:center;text-align:left;background:rgb(5 6 9);background-image:url("../images/BACKGROUND.png");background-repeat:no-repeat;background-size:100%}.main-content,.quizdly-footer{text-shadow:4px 4px 4px #000;text-align:center;color:#f7e7b1}.main-content{flex-basis:50%;margin-left:5%}.main-image{flex-basis:50%;animation:3s ease-in-out infinite float}.main-image img{width:80%;height:auto}#rrss{margin-left:44%;margin-top:19%}#myBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;border-color:#000;outline:0;background-color:#f7e7b1;color:#000;cursor:pointer;padding:15px;border-radius:15px;width:50px;height:50px;font-size:20px;overflow:hidden}#myBtn:hover .fas{animation:2s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}*{font-family:Montserrat_medium}section#section_welcome{height:75%}.h3,h3{font-size:calc(1.3rem)!important}.quizdly-footer{background-color:#050609;padding:20px 0}.footer-content{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:10px}.footer-links a{color:#f7e7b1;text-decoration:none;font-size:14px;transition:color .3s}.footer-links a:hover,.footer-social a:hover{color:#fdcd3b}.footer-social a{color:#f7e7b1;font-size:2em;margin:0 10px;transition:color .3s}body,html{overflow-x:hidden;height:100%;margin:0;padding:0;display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column}