/* TOKYOBABYLON.NET */
/* DESKTOP/TABLET/MOBILE VERSION */
/* made by Kirryn (evenstar AT gmail DOT com); licenced under Creative Commons Attribution-ShareAlike 4.0 International: http://creativecommons.org/licenses/by-sa/4.0/ */


/*

      hand-coding is learned by viewing already existing code. end of story.
      you are so, so welcome to look at, mess around with, and learn from my code (although
      not copy it verbatim, but honestly, who's going to do that?), with a caveat:
      be aware it may not be perfect, because coding is a constant learning process for me!

      that's literally it!
      please enjoy perusing my code, and I hope it inspires your own!
      love, Kirryn

*/

html,
body {
   font-size: 16px; /* base font reset */
   margin:0;
   padding:0;
   height:100%;
   background: #fff;
}
.grid-container {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto max-content auto;
  grid-template-areas:
    "header"
    "main"
    "footer";
    height: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
}

main { grid-area: main; text-align: center; padding:0; margin: 0; }

header { grid-area: header; }

footer { grid-area: footer; text-align: center; color: silver;}

a {text-decoration: none;}
a:link,
a:visited,
a:active {color: black;}
a:hover {color: gray;}