* {-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box;}

/*body rules here*/

main {display: grid;
      grid-template-columns: 1fr;
      grid-column-gap: 0.5em;
     }

header, footer, h2 {
    text-align: center;
    background-color:#1C77C3;
    color:#89E9FF;
} 


header h1 {
    font-family: 'Playfair Display SC', serif;
    font-size: 2.5em;
    
}

header h2{
    display:inline;
    font-size:2em;
    color:rgb(230, 230, 230); 
    text-align:center;
    font-family: 'Unica One', cursive;
    padding: 20px; 
    border-bottom: 5px solid #89E9FF; 
}

main {margin-top: 1em;}

main img{
    border:4px double white;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

main h2 {
    font-family: 'Unica One', cursive;
    font-size: 1.5em;
    padding:10px;
    border-radius: 15px/45px;  
}



body {
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    background-image: url("/lesson2/images/email-pattern.png"); 
    background-repeat: repeat;
    text-align: justify;
    text-justify: inter-word;
}

.column{
    margin:10px;
    background-color: #2B2D42;
    color:#89E9FF;
    padding:25px;
}

.column figcaption {
    text-align: center;
    color: whitesmoke;
    font-size: small;
}
.info {
    padding-left:3em;
    line-height:2em;
    font-weight: bold;
}

a:link {
    text-decoration: none;
  }


.column a:link {
    color: whitesmoke;
      }
    
 .column a:visited {
    color: whitesmoke;
    }
  
.column a:hover {
    color:#1C77C3;
    }
  
.column a:active {
    color: #592941;
    }


footer {
    padding:20px;
}