*{
    box-sizing:border-box;
}

img{
    max-width: 100%;
}

body{
  
}

.game-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: sans-serif;
}

.board {
    display: grid;    
    grid-template-columns: repeat(6, 60px); 
    grid-template-rows: repeat(6, 60px);
    
    border: 2px solid #333;
    position: relative; 
    width: 365px; 
    height: 365px;
    background-color: #eee;
}

.controls {
    margin-top: 20px;
    text-align: center;
}

.exit-arrow{
    position:relative;
    left:350px;
    top:115px;
    font-size: 60px;
}

.car1{
    width:120px;
    height:60px;
    background: rgb(84, 121, 159);
    position:absolute;
    border-radius: 10px;
    border:groove;
    border-color: #eee;
}
.car2{
    width:120px;
    height:60px;
    background: rgb(84, 121, 159);
    position:absolute;
    border-radius: 10px;
    left:120px;
    border:groove;
    border-color: #eee;
}

.car3{
    width:60px;
    height:120px;
    background: rgb(84, 121, 159);
    position:absolute;
    border-radius: 10px;
    left:300px;
    border:groove;
    border-color: #eee;
}

.car4{
    width:180px;
    height:60px;
    background: rgb(84, 121, 159);
    position:absolute;
    border-radius: 10px;
    left:60px;
    top:60px;
    border:groove;
    border-color: #eee;
}

.car5{
    width:120px;
    height:60px;
    background: rgb(255, 0, 0);
    position:absolute;
    border-radius: 10px;
    top:120px;
    border:groove;
    border-color: #eee;
}

.car6{
    width:60px;
    height:120px;
    background: rgb(84, 121, 159);
    position:absolute;
    border-radius: 10px;
    top:120px;
    left:120px;
    border:groove;
    border-color: #eee;
}

.car7{
    width:60px;
    height:120px;
    background: rgb(84, 121, 159);
    position:absolute;
    border-radius: 10px;
    top:120px;
    left:300px;
    border:groove;
    border-color: #eee;
}

.car8{
    width:60px;
    height:180px;
    background: rgb(84, 121, 159);
    position:absolute;
    border-radius: 10px;
    top:180px;
    border:groove;
    border-color: #eee;
}

.car9{
    width:120px;
    height:60px;
    background: rgb(84, 121, 159);
    position:absolute;
    border-radius: 10px;
    top:180px;
    left:180px;
    border:groove;
    border-color: #eee;
}

.car10{
    width:60px;
    height:120px;
    background: rgb(84, 121, 159);
    position:absolute;
    border-radius: 10px;
    top:240px;
    left:180px;
    border:groove;
    border-color: #eee;
}

.car11{
    width:120px;
    height:60px;
    background: rgb(84, 121, 159);
    position:absolute;
    border-radius: 10px;
    top:240px;
    left:240px;
    border:groove;
    border-color: #eee;
}

.car12{
    width:120px;
    height:60px;
    background: rgb(84, 121, 159);
    position:absolute;
    border-radius: 10px;
    top:300px;
    left:60px;
    border:groove;
    border-color: #eee;
}