Question: I would like for my image to keep its normal width and height without stretching in the full screen browser. How could this be accomplished?

HTML

```
<!DOCTYPE html>

  <img id='mountain' src='img/mountains.jpg'>

```

CSS

```
body {
    margin: 0;
    padding: 0;
}

#mountain{
    width: 100%;
    height: 600px;
}

```

Answer: 
You can convert the array to be in a format more convenient to work with, for example, you can set the names to be the keys in the new array, like this:

```
$stat_url = 'http://api.steampowered.com/ISteamUserStats/GetUserStatsForGame/v0002/?appid=730&key=ECFB8FBC534B61C454899F4D7E99BB71&steamid=76561198129638121';
$stat_json = file_get_contents($stat_url);
$stat_decoded = json_decode($stat_json, true);

$assoc_arr = array_reduce($stat_decoded, function ($result, $item) {
    $result[$item['name']] = $item['value'];
    return $result;
}, []);

```

From here you can get the value by approaching the value in it's key: `$assoc_arr['total_kills']`
Although you have already accepted an answer, a simpler version would be to use `array_column()`...

```
$assoc_arr = array_column($stat_decoded['playerstats']['stats'], "value", "name");

```