/* CSS Document */

html {
  background: url(bghome.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.name {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fdcb6e;
  text-align: center;
  text-shadow: 0px 0px 11px #333;
}

.name h1 {
  font-weight: 700;
  font-family: "europa", sans-serif;
}

.name h2 {
  font-style: italic;
  font-weight: 400;
  font-family: "europa", sans-serif;
  margin-top: -22px;
  text-align: right;
}

.signature {
  font-family: "europa", sans-serif;
  font-weight: 300;
  font-style: italic;
  color: #A0A0A0;
  position: absolute;
  bottom:0;
  left: 0;
  right: 0;
  text-align: center;
  background: #1e2734;
  background: rgba(30,39,52,0.43);
  font-size: small;
}

.hosting {
  display: inline-block
}

.hosting a {
    color:#aaa;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    text-decoration:none;

}

.hosting a:hover {
    color:#616161
}