@font-face {
    font-family: Nintendo-DS-BIOS;
    src: url(https://dl.dropbox.com/s/vlxjtnvrl9s0snp/Nintendo-DS-BIOS.ttf);
    }
  
    #Nintendo-DS-BIOS {
      font-family: Nintendo-DS-BIOS;
      }
  
  body {
    font-family:'Nintendo-DS-BIOS';
    cursor:url(http://media.tumblr.com/bc85c7f8059abf35cc134e59d753a747/tumblr_inline_mg28i0RgND1qid2nw.gif), url(http://media.tumblr.com/bc85c7f8059abf35cc134e59d753a747/tumblr_inline_mg28i0RgND1qid2nw.gif), auto;
  
    max-width: 120ch;
    min-width: 800px;
    margin: 20px auto;
    padding: 20px;
    padding-bottom: 0;
    width: 800px;
  
    background: url(https://64.media.tumblr.com/bb19b702ed045b635f97bbad06fa83c8/d7f3929d8a0dc321-75/s250x400/db6c2c60bd1e7aaa64b053b1bcdd07ee511835f9.gifv);
    background-size: 200px;
    display: grid;
    grid-template:
    "header  header  header"
    "nav     main    sidebar"
    "nav2    main2   sidebar2"
    "nav3    main3   sidebar3"
    "footer  footer  footer" /
     100px    1fr    100px;
    grid-gap: 20px 40px;
  
    &::before {
        content: '';
        display: block;
        grid-area: divider;
      }
      
      > header {
        grid-area: header;
      }
  }
  
  .header {
    display: grid;
    grid-template: 
      "...... ........... ......" 1fr
      "...... "primary-links" auto"
      "...... ........... ......" 1fr /
      200px 1fr         200px;
    grid-gap: 0 40px;
  }
  
  .primary-links {
    grid-area: primary-links;
  
  
    background: #f5f6e5;
    box-shadow: .5px .5px 10px #8f846f inset;
  
    border-radius: 10px;
    text-shadow: .5px .5px 3px #8f846f;
  
  
  
    display: block;
    padding: 0px 100px;
    border-style: dashed;
    border-radius: 10px;
    border-color: #6e6352;
    border-width: 2px;
    background-clip: padding-box;



    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 15em;
    position: relative;
    font-size: 20px;
  
    ul {
      display: flex;
      list-style: none;
      padding: 5px;
      margin: 15ox;
    }
      
    li {
        margin: 5px;
        display: flex;
        text-align: center;
    }
      
    a {
      display: flex;
      align-items: center;
      width: 100%;
      color: #81764f;
      text-decoration: wavy;
      padding: 1px 5px;
      margin-left: 7px;
    }
  }
  
  a:hover {
    text-decoration:wavy;
    color:#8fb3b5;
  }
  
  a {
    color: #496749;
  }
  
  .main-body {
      grid-area: main;
      border-radius: 10px;
      background-color: #f5f6e5;
      background-clip: padding-box;

      margin-bottom: auto;
      margin-left: 50px;
      margin-right: -30px;
      padding: 20px;
      box-shadow: .5px .5px 10px #8f846f inset;
  
      text-align: left;
      font-size: 20px;
  }

  .l-column {
    grid-area: nav;
    border-radius: 10px;
    background-color: #f5f6e5;
    background-clip: padding-box;

    height: 230px;
    margin-right: -60px;
    margin-left: 20px;
    box-shadow: .5px .5px 10px #8f846f inset;
    overflow: scroll;
    padding: 4px;

    text-align: center;
    font-size: 18px;
  }

  .l-column-title {
    text-align: center;
    margin-top: 18px;
  }

  .head {
    text-align: center;
  }
  

  .med-list {
    display: absolute;
    text-align: center;
    
  }

  .med-button {
    background-color: #f2f0d3;

    border-radius: 10px;
    border: dashed;
    border-width: 2px;
    border-color: #cbbe99;

    box-shadow: .5px .5px 10px #eee6c2 inset;

    padding: 0px 8px;
    margin: 10px;


    font-family: Nintendo-DS-BIOS;
    font-size: 10px;

  }

  .city {
    text-align: center;
  }

  button:hover {
    cursor:url(http://media.tumblr.com/bc85c7f8059abf35cc134e59d753a747/tumblr_inline_mg28i0RgND1qid2nw.gif), url(http://media.tumblr.com/bc85c7f8059abf35cc134e59d753a747/tumblr_inline_mg28i0RgND1qid2nw.gif), auto;
  }

  a:hover {
    cursor:url(http://media.tumblr.com/bc85c7f8059abf35cc134e59d753a747/tumblr_inline_mg28i0RgND1qid2nw.gif), url(http://media.tumblr.com/bc85c7f8059abf35cc134e59d753a747/tumblr_inline_mg28i0RgND1qid2nw.gif), auto;
  }

  img:active,
  img:focus {
      height: 80vh;
      width: auto;
      position: fixed;
      top:  50%;
      left: 50%;
      z-index: 9999;
      transform: translate(-50%, -50%);
      filter: brightness(1);
      background: #0000;
      background-position: absolute;
  }