*{margin: 0;padding: 0;box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important;}body{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;background: #ff00cc;background: -webkit-linear-gradient(to right, #333399, #ff00cc);background: linear-gradient(to right, #333399, #ff00cc);color: white;width: 100%;min-height: 100vh;font-family: 'Roboto', sans-serif;}.lista__memoramas {width: 50vw;padding: 15px;backdrop-filter: blur(5px);border: solid 2px white;border-radius: 15px;margin: 0 auto;}.item__list-memorama {list-style: none;text-align: center;height: 50px;line-height: 50px;border-radius: 0px;transition: all 0.3s linear;}.item__link-memorama {text-decoration: none;font-size: 3vh;color: white;transition: all 0.3s linear;}.item__list-memorama:hover {background: rgba(255, 255, 255, 0.5);border-radius: 5px;}.item__list-memorama:hover .item__link-memorama{transform: scale(2);text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}.contenedor__principal{display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;width: 100%;min-height: calc( 100vh - 50px );overflow: hidden;background-image: url(../img/easter_bunny.svg);background-repeat: no-repeat;background-position: right bottom;background-size: 200px 200px;}.title{display: flex;justify-content: center;align-items: center;width: 100%;height: 50px;background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(5px);}.juego{width: 100%;max-width: 1200px;background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(5px);}.jugador{display: flex;flex-wrap: wrap;justify-content: space-around;padding: 10px 20px;}.time-game, .nombre-jugador, .nivel-jugador {width: 100%;font-size: 1.5em;}.time-game {margin: 5px;}.clock {width: 100%;margin: 5px;}.jugadas{display: flex;justify-content: space-around;width: 100%;max-width: 1000px;padding: 10px 20px;font-size: 1.5em;margin: 0 auto;}.heart-red{color: red;font-size: .7em;margin-right: 5px;}.memorama{width: 100%;height: calc( 100vh - 100px );display: flex;justify-content: center;}.cont__memorama{display: grid;grid-template-columns: repeat( 4, 1fr);grid-auto-rows: 120px;width: 100%;max-width: 900px;padding: 20px;overflow-y: auto;}.tarjeta{position: relative;width: 95%;max-width: 175px;height: 95%;border-radius: 5px;border: solid 2px #fff;margin: 0 auto;transition: all 0.3s ease;transform: rotateY(0deg);transform-style: preserve-3d;box-shadow: 5px 5px 10px rgba(90,116,148,0.3);cursor: pointer;z-index: 2;}.delantera, .trasera{width: 100%;height: 100%;background: #ff00cc;background: -webkit-linear-gradient(to right, #333399, #ff00cc);background: linear-gradient(to right, #333399, #ff00cc);pointer-events: none;}.delantera {position: relative;}.trasera{position: absolute;top: 0;transform: rotateY(180deg);backface-visibility: hidden;background: black;}.delantera img, .trasera img{width: 100%;height: 100%;object-fit: cover;}.trasera img{object-fit: contain;}.tarjeta.rotate{transform: rotateY(180deg);}.delantera .descripcion {position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 5px;background: rgba(255, 255, 255, 0.5);text-shadow: 2px 2px 2px #000;text-align: center;}.footer{align-self: flex-end;width: 100%;padding: 0 20px;height: 50px;line-height: 50px;color: #ff00cc;}.footer i{color: red;}.modal{position: fixed;top: 50%;left: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 0vh;background: rgba(0, 0, 0, 0.7);z-index: 100;overflow: hidden;transition: all 0.5s ease-in;}.modal.visible{top: 0%;height: 100vh;}.cont__modal{display: flex;justify-content: center;align-items: center;flex-direction: column;width: 95%;max-width: 1000px;min-height: 300px;border-radius: 15px;border: solid 2px #fff;background: #ff00cc;background: -webkit-linear-gradient(to right, #333399, #ff00cc);background: linear-gradient(to right, #333399, #ff00cc);padding: 20px;}.icon-ok, .icon-fail{display: block;color: rgb(16, 199, 16);font-size: 5em;margin: 0 auto;background: #fff;border-radius: 50%;}.icon-fail{color: orange;}.btn__cerrar-modal{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;margin: auto;border-radius: 50%;background: rgba(255, 255, 255, 0.3);cursor: pointer;transition: all 0.5s ease;}.btn__cerrar-modal i{color: #fff;font-size: 1.5em;animation: btn-cerrar 1s ease-in-out infinite;transition: all 0.5s ease;}.btn__cerrar-modal:hover{background: #fff;}.btn__cerrar-modal:hover.btn__cerrar-modal i{color: red;}.title__alert{width: 100%;font-size: 1.5em;margin-bottom: 15px;}.cont__alert{width: 100%;font-size: 1.2em;padding: 5px;margin-bottom: 10px;}.lvl{width: 100%;max-width: 400px;}input[type="submit"]{display: none;}.nombre{color: white;width: 100%;height: 45px;background: none;border: none;border-bottom: solid 2px #ccc;margin-bottom: 10px;outline: none;transition: all 0.3s ease;}.nombre.active{border-bottom: solid 2px #ff00cc;}.nombre:focus{border-bottom: solid 2px #ff00cc;}#nivel{width: 100%;height: 45%;margin-bottom: 10px;}@keyframes btn-cerrar{25%{transform: rotate(-75deg);}50%{font-size: 1.7em;}75%{transform: rotate(75deg);}}.consola{display: flex;position: fixed;top: 0;left: 0;width: 250px;height: 50px;background: #000;border-radius: 0 50px 50px 0 ;}.iptCon{width: 200px;height: 100%;border: none;background: none;outline: none;color: green;font-family: Consolas;}.consola .btn{display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;font-size: 22px;border: solid 2px teal;border-radius: 50%;cursor: pointer;transition: transform 0.5s ease-in-out;}.consola .btn i{transition: transform 0.5s ease-in-out;}.consola .btn:hover{transform: scale(0.9);}.consola .btn:hover i{transform: rotate(180deg);}.consola .btn.active{animation: pulse 0.5s infinite ease-in-out;}.cont__btns__settings{position: fixed;right: 20px;bottom: 20px;z-index: 10;width: 30px;height: 30px;transition: all 0.3s linear;}.cont__btns__settings.active{transform: scale(1.7);}.btns__settings{position: relative;width: 100%;height: 100%;}.setting{position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border-radius: 50%;color: #ff00cc;background-color: #fff;cursor: pointer;transition: all 0.3s linear;}.setting i{transition: all 0.3s linear;}.setting:hover, .setting:active{transform: scale(1.7);}.fa-volume-mute, .off i{color: red;}#settings{z-index: 10;}@keyframes pulse {0%{transform: scale(1);}100%{transform: scale(0.7);}}.consola .btn.active i{animation: girar 0.5s ease-in-out infinite;}@keyframes girar {100%{transform: rotate(360deg);}}@media (min-width: 600px){footer {margin-bottom: 0!important;}}@media(min-width:720px){.contenedor__principal{background-size: contain;}.cont__memorama{padding: 0;grid-template-columns: repeat( 5, 1fr);grid-auto-rows: 25%;}.tarjeta{max-height: 400px;}}@media(min-width:1200px){.contenedor__principal{justify-content: space-between;}.juego{max-width: 300px;height: calc(100vh - 100px);padding: 70px 10px 20px 10px;}.jugadas{display: flex;flex-wrap: wrap;}.jugadas div{width: 100%;}.memorama{max-width: calc( 100% - 300px );margin: auto;}}