/*
 * Theme Name: Ryan Ayers's Assignment 3B
 * Author: Ryan Ayers
 * Text Domain: assignment3B
 */
 
 :root{
     --background-color: #26547C;
     --section-color: #EF476F;
     --text-color: #FCFAF9;
     --link-color: #5E3023;
 } 
 
 body{
    background-color: var(--background-color);
    display: grid;
    grid-template-areas: "header header"
                          "sidebar content"
                          "footer footer";
    grid-template-columns: 2fr 6fr;
    gap: 25px;
 }
 
 header, footer, aside, article {
     background-color: var(--section-color);
     padding: 25px;
     border-radius: 10px;
 }
 
 article{
     margin: 10px;
 }
 
 p, header, footer, aside {
     color: var(--text-color);
 }
  
 a {
     color: var(--link-color);
 }
 
 header{
     grid-area: header;
     text-align: center;
 }
 
 footer{
     grid-area: footer;
 }
 
 aside{
     grid-area: sidebar;
 }
 
 main{
     grid-area: content;
 }