/* 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: lightcoral;
  font-family: monospace, sans-serif;
  padding: 5px 25px;
  font-size: 1.3em;
  margin: 0;
  color: #444;}

h1 {
  font-family: "Merriweather", serif;
  font-size: 32px;}
.mono {
  font-family: monospace, sans-serif;
  font-size: 1.3em;}
.Roboto {
  font-family: 'Roboto', sans-serif;
  font-size: 1.3em;}
.shadows {
  font-family: 'Shadows Into Light', cursive;
  font-size: 1.3em;}
.Montserrat {
  font-family: 'Montserrat',;
  font-size: 1.3em;}
.Nanum {
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 1.3em;}
.Oswald {
  font-family: 'Oswald', sans-serif;
  font-size: 1.3em;}
.Anton {
  font-family: 'Anton', sans-serif;
  font-size: 1.3em;}
.PlayfairDisplay {
  font-family: 'Playfair Display', sans-serif;
  font-size: 1.3em;}
.FiraCode {
  font-family: 'Fira Code', sans-serif;
  font-size: 1.3em;}
@font-face {
  font-family: "Action_Man";
  src: url("Action_Man.ttf");
}

.action {  
    font-family: "Action_Man", cursive; 
  font-size: 1.3em;
}
@media (min-width: 700px) {
  background-color: aliceblue;
  padding:20px;
  margin: 15px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  text-align: center}

section:nth-child(even){
  background-color: whitesmoke;}

  #wrapper{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}