@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
@import url('https://fonts.googleapis.com/css?family=Hind|Titillium+Web');
@import url('https://fonts.googleapis.com/css?family=Muli');

#mid {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    top: 40%;
}
#title {
  font-family: 'Titillium Web', sans-serif;
}
#links {
  font-family: 'Muli', sans-serif;
  font-size: 60%;
  top: 50%;
  color: black;
}
a:hover{
	color: gray;
	transition: 0.5s;
}
#raizo {
    text-align: left;
    vertical-align: bottom;
    font-family: 'Press Start 2P', cursive;
    font-size: 27%;
}
body {
    background-color: #333;
    color: white;
    font-size: 1.3vw;
    text-shadow: 0px 0px 3px black;
    background: url("../img/bg.gif") center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
}
a {
  color: white;
  text-decoration: none;
}