tastatham

var beforeMap = new mapboxgl.Map({
    container: 'before',
    style: 'mapbox://styles/tastatham1/cjjy2a3sd4lx02sqcse1jkgyd',
    center: [0, 43.825234],
	pitch:20,
    zoom: 4
	
});

var afterMap = new mapboxgl.Map({

tastatham

---
title: "R Notebook"
output: html_notebook
---
```{r}
# create list of countries who qualified and their placement in the wc

qualified <- c('Spain','Nigeria','Egypt','Costa Rica','Japan','Tunisia', 'France','Switzerland','Portugal', 'Russia','Colombia','Peru','Senegal','United Kingdom','Denmark','Brazil','Germany','Iran (Islamic Republic of)','Korea, Republic of','Morocco', 'Belgium','Croatia','Saudi Arabia','Uruguay','Iceland','Argentina','Panama','Poland','Australia','Mexico','Sweden','Serbia')

# knocked out of group stage

tastatham

<style> 
/* change background colours around elements */
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  background-color: rgba(86, 1, 1, 0.7);
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib a {
  color: #d17d61 !important;
}
/* change background colours around elements */
.mapboxgl-ctrl-group {