/*
This is a Cascading Style Sheet (CSS).
It describes rules for styling your HTML markup.
To use this file, place the following tag anywhere in the of your HTML file, making sure that the filename after "href" matches the name of your file....
Learn more about CSS at https://developer.mozilla.org/en-US/docs/Web/Guide/CSS
When you're done, you can delete all of this grey text, it's just a comment.
*/
/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
body {
background-color: white;
font-family: "Open Sans", sans-serif;
padding: 5px 25px;
font-size: 18px;
margin: 0;
color: #444;
}
h1 {
font-family: "Merriweather", serif;
font-size: 32px;
}
figure{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 3fr 3fr 3fr;;
grid-column-gap: 0vmin;
grid-row-gap: 0vmin;
width: 80vmin;
height:60vmin;
margin: 2vmin auto 2vmin auto;
border:solid 1vmin #efefef;
background-color: #efefef;
}
figure div:nth-child(1){
background-color: black;
}
figure div:nth-child(2){
background-color: rgb( 53, 89, 174);
}
figure div:nth-child(3){
background-color: rgb( 230, 210, 119);
}
figure div:nth-child(4){
background-color: rgb( 224, 216, 205);
}
figure div:nth-child(5){
background-color: rgb( 32, 38, 63);
}
figure div:nth-child(6){
background-color: rgb( 173, 47, 67);
}
figure div:nth-child(7){
background-color: rgb( 41, 41, 41);
}
figure div:nth-child(8){
background-color: rgb( 43, 70, 112);
}
figure div:nth-child(9){
background-color: rgb( 76, 139, 174);
}