body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}

body {
background: linear-gradient(#141400, #3d3d00, #141400);
background-size: cover;
background-position: center;
}

.raton {
display: block;
max-width: 40%;
height: auto;
min-width: 350px;
margin-left: auto;
margin-right: auto;
}

@font-face {
font-family: "aimoregothic";
src: url("fonte/aimoregothic.woff");
font-weight: normal;
}

@font-face {
font-family: "aimoregothiclight";
src: url("fonte/aimoregothiclight.woff");
}

@font-face {
font-family: "aimoregotico";
src: url("fonte/aimoregotico.woff");
}

@font-face {
font-family: "aimoreserif";
src: url("fonte/aimoreserif.woff");
}

@font-face {
font-family: "alcalino";
src: url("fonte/alcalino.woff");
}

@font-face {
font-family: "krigg";
src: url("fonte/krigg.woff");
}

@font-face {
font-family: "kriggbold";
src: url("fonte/kriggbold.woff");
}

@font-face {
font-family: "herrero";
src: url("fonte/herrero.woff");
}

@font-face {
font-family: "herrerobold";
src: url("fonte/herrerobold.woff");
}

a:link {
text-decoration: none;
}

h1 {
font-family: "aimoregothic";
font-size: 60px;
font-weight: normal;
color: #FFFFFF;
line-height: 50%;
text-shadow: 0 2px 2px #c4c4c4;
}

h2 {
font-family: "alcalino";
font-size: 25px;
font-weight: normal;
color: #000000;
line-height: 100%;
}

h3 {
font-family: "aimoreserif";
font-size: 40px;
font-weight: normal;
color: #000000;
line-height: 100%;
text-shadow: 0 3px 3px #FFFFFF;
}