@font-face
  {
    font-family: header;
    font-weight: bold;
    font-stretch: expanded;
    src: url(../fonts/meat.ttf);
  }

@font-face
  {
    font-family: content;
    font-weight: normal;
    src: url(../fonts/lato.ttf);
  }


@font-face
  {
    font-family: counter;
    font-weight: bold;
    font-stretch: expanded;
    src: url(../fonts/ama.otf);
  }
  
@font-face
  {
    font-family: link;
    font-weight: bold;
    font-stretch: expanded;
    src: url(../fonts/oh.ttf);
  }
  

body
  {
  font-family: content;
  }

h2
  {
  font-family: counter;
  }

h1
  {
    font-family: header;
    text-align: center;
    letter-spacing: 6px;
    margin: 2px;
    font-size: 82px;
    color: #000;
  }

a
  {
    font-family: link;
    font-size: 20px;
    color: #009933;
    text-decoration: none;
  }
  
a:hover
  {
    text-decoration: underline;
  }


* {
  box-sizing: border-box;
}

.panel:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 48%;
  padding: 10px;
  background-color:#d3e6d9;
  border: 1px solid #000;
  border-radius:10px;
  margin: 5px;
}