
@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Press Start 2P", system-ui;
}
#container{
    display: flex;
  flex-direction: column;
  height: 100vh;
  background-image: url(../images/wall.png);
}
.menu{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 90px;
    width: 100%;
    background-color: #000000;
    color: rgb(255, 255, 255);
    border-bottom: 5px solid gold;
}
.panel{
margin-top: 1rem;
display: flex;
align-items:  center;
justify-content: center;
}
.square{
    height: 150px;
    border: 1px solid black;
    width: 150px;
    background-color: #7fffd4;
}
.enemy{
    background-image: url("../images/ralph.png");

    background-size: cover;
}
.menu-lives{
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-time h2,.menu-score h2{
    margin-top: 1rem;
}