@charset "utf-8";
/* Main CSS for Jeremycaudle.com */

/* Main Elements */
html { height:100%;}
body {font-family: 'Lato',Helvetica, Arial, sans-serif; margin-top:10px; font-size:12px; background: url("../img/kenshiro_bg_cover.jpg") no-repeat transparent; background-size: cover;
background-position: center;
}


/* Typography */
h1,h2,h3,h4,h5 {}
h1 {font-family: 'Carter One', Helvetica, Arial, Sans-serif; font-size:8em; text-transform: uppercase; margin: 6px; line-height: 1.1em; letter-spacing: -3px; text-align: center; color: #fff;
  text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 20px 20px rgba(0,0,0,.15);
letter-spacing: 2px;
}
h1 span {letter-spacing: 0;}
h2 {font-family: Helvetica, Arial, Sans-serif; text-transform: uppercase; font-size:2.5em; color:#ffffff; margin-bottom:4px; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 5px 10px rgba(0,0,0,.25), 0 8px 10px rgba(0,0,0,.15);}
h3, h4, h5, h6 {margin-bottom:.8em; font-size:2em;}
h3#subtitle {color: #ffffff; background: rgba(0,0,0,.3); display: inline-block; border-radius: 1em; padding:.5em; margin: 0 0 8px 0;}
h3#subtitle span {color: #eee;}



@supports (display:flex) {

}

@supports (display:grid) {
  body {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    vertical-align: center;
    height: 100%;
  }

}