/*
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-column-gap: 3vmin;
width: 80vmin;
height:30vmin;
margin: 30vmin auto 30vmin auto;
border:solid 3vmin #efefef;
background-color: #efefef;
}
figure div:nth-child(1){
background-color: crimson;
}
figure div:nth-child(2){
background-color: gold;
}
figure div:nth-child(3){
background-color: black;