@font-face {
  font-family: "againts";
  src: url("fonts/againts_fonts/againts.ttf") format('truetype'),
       url("fonts/againts_fonts/againts.otf") format('opentype');}

* {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 1.05em; }

html, body {
  height: 100%; }

.container:first-of-type {
  margin-top: 100px; }

#name {
  font-family: 'againts';
  padding-left: 20px;
  padding-bottom: 50px;
  font-size: 15vw;
  text-align: center; }

#information {
  text-align: center;
  margin-bottom: 50px; }
  #information a {
    color: #444; }
    #information a:hover {
      color: #AAA; }
  #information p {
      display: inline;
      padding-left: 30px; }


.descriptive {
  margin-bottom: 50px;
  text-align: center;
}

.category {
  font-family: 'againts';
  font-size: 14vw;
  padding: 125px 0px;
  text-align: center;
  color: white;
}

.section{
  min-height: 100%;
  background: transparent;
}
  .container:last-of-type {
    margin-bottom: 50px; }

  .footer {
    background-color: #AAA;
    text-align: center;
    padding: 15px;
    color: white; }
    .footer * {
      color: white; }