figure {
  
  width: 80vmin;
  height: 80vmin;
  display:grid;
  
  grid-template-columns: 4fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    
}

figure div:nth-child(1){
  background-color: crimson;
  
}
  
figure div:nth-child(2){
  background-color: cornflowerblue;
}

figure div:nth-child(3){
  background-color: lightcoral;
}

figure div:nth-child(4){
  background-color: rgb(80,43,80);
}

figure div:nth-child(5){
  background-color: rgb(0,113,111);
}

figure div:nth-child(6){
  background-color: rgb(180,64,79);
}

figure div:nth-child(7){
  background-color: rgb(118,100,180);
}

h1 {
  font-family: 'Righteous', cursive;
  text-align: center
}

#titles {
  text-align: center;
  font-family: 'Righteous', cursive;
  font-size: 30px; 

}

a {
  text-decoration: none;
  color: #fd6100
}