@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);.background,.bg-img,.container,body,html{width:100%;height:100%}.bg-img,.bt-div{background-repeat:no-repeat}:root{--background-color:#241a15;--grid-color:#2e2e2e;--backgroundT:#281c14;--backgroundTh:#20140c}body,html{margin:0;padding:0;user-select:none;overflow:hidden}.container{display:flex;flex-direction:column;align-items:center}.background,.bt-div{display:flex;align-items:center}.background{background-color:var(--background-color);justify-content:center;flex-direction:column}#reference-img{position:absolute;top:11%;left:59.66%;scale:0.75}.bg-img{display:flex;position:absolute;background-image:url('../Img/memory/background.png');background-size:contain;background-position:center;justify-content:center;align-items:center;scale:1.3;z-index:0;top:1.5%;left:-1%}.bt-div,.square{background-size:cover}.main-memory{display:flex;background-color:var(--grid-color);width:fit-content;height:fit-content;padding:10px;position:relative;scale:0.58;left:3px;top:22px}.bt-div{background-image:url("../Img/memory/button.png");width:120px;height:38px;justify-content:center;font-family:roboto;user-select:none;color:#fff;margin-bottom:10px;position:absolute;top:-50px;left:-6px}.bt-div:hover{filter:brightness(1.2);cursor:pointer}.color:hover,.guide{filter:brightness(1.1)}.main-grid{display:grid;gap:10px;grid-template-columns:repeat(4,200px);grid-template-rows:repeat(3,200px)}.square,.square:hover .color-bt{display:flex}.square{background-image:url("../Img/memory/black.png");height:200px;width:200px;align-items:center;justify-content:center}.color-container{position:relative;display:inline-block}#close-button,.guide,.numpad-text{position:absolute}#close-button{background-color:#ff7676;border:none;color:#d6d6d6;padding-block:0.8%;padding-inline:2.7%;border-radius:50%;right:-4.5%;top:-5%;box-shadow:0 0 0 3px #ffa9a9}#close-button:hover{scale:1.15;cursor:pointer}.hidden{display:none!important}#close-button i{font-size:1.4vw;pointer-events:none}.guide{right:12.5%;top:24%;background-color:#401a00;background-image:url(https://www.transparenttextures.com/patterns/wood-pattern.png);color:#fff;padding:5px 6px;height:15vw;width:13vw;border-radius:.6vw;box-shadow:0 0 0 3px #180000e8}.guide p{margin-inline:0.5vw;margin-block:1vw;text-align:center;background:#556b2f;border-radius:10px;padding-inline:4px;padding-block:4px;box-shadow:0 0 0 1.5px #2d2c2c}.numpad-text{bottom:2px;left:0;font-size:9.5px;color:#fff;padding:1px 2px;border-radius:3px}.color-bt{display:none;flex-wrap:wrap;gap:8px;height:fit-content;width:166px}.color,.rot-bt{height:50px;user-select:none}.color{width:50px}.color:hover{cursor:pointer;scale:1.1}.firma{position:fixed;color:#eb2929;font-family:Roboto,sans-serif;bottom:0;width:5%;left:46%;text-align-last:center;font-size:.8rem;font-weight:bolder;cursor:pointer}.lionheart,.rot-bt{position:absolute;display:flex}.rot-bt{left:0;top:.3%;margin:1.2%;background-color:#03305e;width:50px;align-items:center;justify-content:center;filter:brightness(1.2);border:2px solid #5c7292;border-radius:100%;flex-direction:column;z-index:9;filter:brightness(1.3)}.rot-bt span{font-weight:200;font-style:normal;font-size:220%;opacity:90%}.rot-bt:hover{cursor:pointer;filter:brightness(2)}.lionheart{width:10.7%;scale:0.5;left:10.5%;bottom:6%;flex-direction:column}.lionheart img{clip-path:circle(50% at 50% 50%);width:90%;align-self:center}.lionheart img:hover{scale:1.03}.lionheart p{color:#fff;font-size:1.3vw;text-align:center;margin-top:.5vw}@keyframes blink{0%,100%{filter:brightness(1)}50%{filter:brightness(1.5)}}.blinking{animation:1s infinite blink}@media screen and (max-width:1366px){#reference-img,.bg-img,.guide{position:absolute}.bg-img{display:flex;width:100%;height:100%;background-image:url(../Img/memory/background.png);background-size:contain;background-repeat:no-repeat;background-position:center;justify-content:center;align-items:center;scale:1.36;z-index:0;top:-.5%;left:-4%}.lionheart{left:14%}.guide{right:11.7%;font-size:.95vw;top:22%;background-color:#401a00;background-image:url(https://www.transparenttextures.com/patterns/wood-pattern.png);filter:brightness(1.1);color:#fff;padding:5px 6px;height:19.5vw;width:15vw;border-radius:.6vw;box-shadow:0 0 0 3px #180000e8}.main-memory{left:2px;top:15px}#reference-img{top:9%;left:57%;scale:0.55}}@media only screen and (min-width:1280px) and (max-width:1280px) and (min-height:1024px) and (max-height:1024px){#close-button,.bg-img,.guide{position:absolute}.lionheart{display:none}.bg-img{display:flex;width:100%;height:100%;background-image:url(../Img/memory/background.png);background-size:contain;background-repeat:no-repeat;background-position:center;justify-content:center;align-items:center;scale:1.26;z-index:0;top:-3.5%;left:3%;transition:scale .3s}.guide{top:78%;right:10%;background-color:#401a00;background-image:url(https://www.transparenttextures.com/patterns/wood-pattern.png);filter:brightness(1.1);color:#fff;padding:5px 6px;height:15.5vw;width:82vw;border-radius:.6vw;box-shadow:0 0 0 3px #180000e8;display:flex}.guide p{margin-inline:2vw;margin-block:2vw;text-align:center;width:13vw;height:6vw;place-content:center;background:#556b2f;border-radius:10px;padding-inline:4px;padding-block:4px;box-shadow:0 0 0 1.5px #2d2c2c}.guide p:first-of-type{margin-inline-start:6vw}#close-button{background-color:#ff7676;border:none;color:#d6d6d6;padding-block:0.8%;padding-inline:1.2%;border-radius:50%;right:3.5%;top:-16%;box-shadow:0 0 0 3px #ffa9a9}#close-button i{font-size:2vw;pointer-events:none}.main-memory{display:flex;background-color:var(--grid-color);width:fit-content;height:fit-content;padding:10px;position:relative;scale:0.369;left:3px;top:22px}}@media (min-width:2560px){.firma{position:fixed;color:#eb2929;font-family:Roboto,sans-serif;bottom:0;width:5%;left:47%;text-align-last:center;font-size:.9vw;font-weight:900;cursor:pointer}.guide p{margin-inline:0.5vw;margin-block:1vw;text-align:center;font-size:.8vw;background:#556b2f;border-radius:10px;padding-inline:8px;padding-block:8px;box-shadow:0 0 0 1.5px #2d2c2c}.main-memory{display:flex;background-color:var(--grid-color);width:fit-content;height:fit-content;padding:10px;position:relative;scale:0.58;left:5px;top:50px}.rot-bt span{font-size:2.5vw}.rot-bt{height:110px;width:110px}.guide{position:absolute;right:12%;top:24%}}