@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0}section{width:16px;height:15px}.snake{background-image:url(https://1.bp.blogspot.com/-mvwEDR-G5XM/X8G3RkRuKfI/AAAAAAABYxY/dJCw5XuX6YQSuvNuAB3xhsHe7WNKPhpTACLcBGAsYHQ/s0/478446cca2598c79f47296eb3b49391a.jpg);background-size:100%}.food{background-size:100%;background-color:red;border-radius:50%}#app{display:flex;justify-content:center}.containerConsole{background-color:#c8d5e1;border:2px solid rgb(129,129,129);width:100%;height:100vh;border-radius:1rem 1rem 6rem 6rem;-webkit-box-shadow:inset 1px 1px 84px 0px rgba(102,102,102,.69);-moz-box-shadow:inset 1px 1px 84px 0px rgba(102,102,102,.69);box-shadow:inset 1px 1px 84px #666666b0}@media (min-width: 600px){.containerConsole{width:27rem}}.containerHead{height:1rem;width:22.9rem;margin:auto;margin-bottom:1rem;border-radius:10px;-webkit-box-shadow:5px 11px 20px 7px rgba(18,18,18,.43);-moz-box-shadow:5px 11px 20px 7px rgba(18,18,18,.43);box-shadow:5px 11px 20px 7px #1212126e}.containerScreen{background-color:#64748b;width:16rem;height:fit-content;border-radius:1rem 1rem 4rem;display:flex;flex-direction:column;margin:auto;padding:2rem;gap:.5rem;-webkit-box-shadow:1px 1px 9px 1px rgba(18,18,18,1);-moz-box-shadow:1px 1px 9px 1px rgba(18,18,18,1);box-shadow:1px 1px 9px 1px #121212}.screenHead{display:flex;align-items:center;justify-content:space-between}.screenHead span{width:2rem;height:2rem;border-bottom:3px solid blue;border-top:2px solid red}.screenHead p{color:#fff;padding-top:1rem;padding-bottom:1rem;font-size:10px}.screenGreen{background-color:#0f0;width:100%;height:17rem;-webkit-box-shadow:1px 1px 9px 1px rgba(18,18,18,1);-moz-box-shadow:1px 1px 9px 1px rgba(18,18,18,1);box-shadow:1px 1px 9px 1px #121212}.elementLives{display:flex;gap:2px}.heart{width:1rem}.grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}h4{font-size:.8rem;font-family:"Press Start 2P";-webkit-animation-name:pulse;animation-name:pulse;animation-iteration-count:infinite;animation-duration:1s}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}section{width:12px;height:12px;border:solid 1px lime}.containerInfoSnake{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#222}.parrafo{color:#fff;font-weight:500}.descriptionConsole{padding-top:.5rem;width:20rem;margin:auto}.descriptionConsole .h3{font-weight:700;color:#1d4ed8}.descriptionConsole .h3 .nintendo{font-size:15px}.descriptionConsole .h3 .game{font-size:1.2rem}.descriptionConsole .h3 .tm{font-size:10px}.containerMando{display:flex;justify-content:space-between;margin-top:1rem}.containerBtnDirection{position:relative;margin-left:1.4rem;width:9rem;height:9.5rem}.btnUp{background-color:#000;position:absolute;right:50px;top:0;width:2.7rem;height:3.3rem;display:flex;align-items:center;justify-content:center;border-top-left-radius:1rem;border-top-right-radius:1rem;-webkit-box-shadow:1px 1px 18px 0px rgba(0,0,0,.75);-moz-box-shadow:1px 1px 18px 0px rgba(0,0,0,.75);box-shadow:1px 1px 18px #000000bf}.btnDown{background-color:#000;position:absolute;right:50px;bottom:4px;width:2.7rem;height:3.3rem;display:flex;align-items:center;justify-content:center;border-top-left-radius:1rem;border-top-right-radius:1rem;rotate:-180deg;-webkit-box-shadow:1px 1px 18px 0px rgba(0,0,0,.75);-moz-box-shadow:1px 1px 18px 0px rgba(0,0,0,.75);box-shadow:1px 1px 18px #000000bf}.btnLeft{background-color:#000;position:absolute;left:5px;rotate:-90deg;bottom:52px;width:2.7rem;height:3.3rem;display:flex;align-items:center;justify-content:center;border-top-left-radius:1rem;border-top-right-radius:1rem;-webkit-box-shadow:1px 1px 18px 0px rgba(0,0,0,.75);-moz-box-shadow:1px 1px 18px 0px rgba(0,0,0,.75);box-shadow:1px 1px 18px #000000bf}.btnRight{background-color:#000;position:absolute;right:3px;bottom:52px;rotate:90deg;width:2.7rem;height:3.3rem;display:flex;align-items:center;justify-content:center;border-top-left-radius:1rem;border-top-right-radius:1rem;-webkit-box-shadow:1px 1px 18px 0px rgba(0,0,0,.75);-moz-box-shadow:1px 1px 18px 0px rgba(0,0,0,.75);box-shadow:1px 1px 18px #000000bf}.containerBtnAB{display:flex;align-items:center;justify-content:space-evenly;width:10rem;height:5rem;border-radius:3rem;rotate:-40deg;margin-top:2rem;margin-right:1.5rem;-webkit-box-shadow:inset 4px 5px 51px -2px rgba(18,18,18,.72);-moz-box-shadow:inset 4px 5px 51px -2px rgba(18,18,18,.72);box-shadow:inset 4px 5px 51px -2px #121212b8}.containerBtnAB button{background-color:#c75050;width:3.6rem;height:3.6rem;font-size:1rem;border-radius:50%;font-weight:700;color:#fff;-webkit-box-shadow:inset 4px 5px 16px 4px rgba(18,18,18,.72);-moz-box-shadow:inset 4px 5px 16px 4px rgba(18,18,18,.72);box-shadow:inset 4px 5px 16px 4px #121212b8}.containerStartSelect{display:flex;justify-content:center;gap:2rem;height:fit-content;margin-top:1rem}.containerStartSelect div{height:3rem;width:5rem;display:flex;align-items:center;justify-content:center;rotate:-30deg}.containerStartSelect div button{width:4.2rem;height:1.6rem;border-radius:1rem;font-weight:600;color:#fff;background-color:#222;-webkit-box-shadow:5px 4px 10px -3px rgba(18,18,18,.72);-moz-box-shadow:5px 4px 10px -3px rgba(18,18,18,.72);box-shadow:5px 4px 10px -3px #121212b8}.sound{height:fit-content;display:flex;justify-content:center}.sound div{background-color:#c8d5e1;width:5rem;height:5rem;border-radius:50%;-webkit-box-shadow:inset 5px 4px 60px -15px rgba(18,18,18,.72);-moz-box-shadow:inset 5px 4px 60px -15px rgba(18,18,18,.72);box-shadow:inset 5px 4px 60px -15px #121212b8;margin-right:1rem;position:relative}.s1{width:.5rem;height:.5rem;border-radius:50%;background-color:#3b3a3a;position:absolute;right:33px;top:24px;-webkit-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);-moz-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);box-shadow:inset 5px 4px 238px -98px #121212b8}.s2{width:.5rem;height:.5rem;border-radius:50%;background-color:#3b3a3a;position:absolute;right:18px;top:10px;-webkit-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);-moz-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);box-shadow:inset 5px 4px 238px -98px #121212b8}.s3{width:.5rem;height:.5rem;border-radius:50%;background-color:#3b3a3a;position:absolute;left:18px;bottom:20px;-webkit-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);-moz-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);box-shadow:inset 5px 4px 238px -98px #121212b8}.s4{width:.5rem;height:.5rem;border-radius:50%;background-color:#3b3a3a;position:absolute;left:30px;top:10px;-webkit-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);-moz-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);box-shadow:inset 5px 4px 238px -98px #121212b8}.s5{width:.5rem;height:.5rem;border-radius:50%;background-color:#3b3a3a;position:absolute;right:30px;bottom:20px;-webkit-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);-moz-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);box-shadow:inset 5px 4px 238px -98px #121212b8}.s6{width:.5rem;height:.5rem;border-radius:50%;background-color:rgb(59,58,58)black;position:absolute;right:10px;bottom:40px;-webkit-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);-moz-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);box-shadow:inset 5px 4px 238px -98px #121212b8}.s7{width:.5rem;height:.5rem;border-radius:50%;background-color:#3b3a3a;position:absolute;right:50px;bottom:40px;-webkit-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);-moz-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);box-shadow:inset 5px 4px 238px -98px #121212b8}.s8{width:.5rem;height:.5rem;border-radius:50%;background-color:#3b3a3a;position:absolute;right:10px;bottom:20px;-webkit-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);-moz-box-shadow:inset 5px 4px 238px -98px rgba(18,18,18,.72);box-shadow:inset 5px 4px 238px -98px #121212b8}.header4{background-color:#222;color:#fff;font-family:"Press Start 2P";font-size:.8rem;padding:.4rem;margin-top:3px}.containerIntroGame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:14rem}.containerImg,.img{width:5rem}.containerIntroGame h1{font-size:9px;font-family:"Press Start 2P"}.containerIntroGame h3{font-size:.8rem;font-family:"Press Start 2P"}.gameOver{text-align:center;font-family:"Press Start 2P";margin-top:3rem}