@font-face {
    font-family: roboto;
    src: url(fonts/Roboto/Roboto-Black.ttf);
    font-weight: normal;
}
@font-face {
    font-family: alata;
    src: url(fonts/Alata-Regular.ttf);
}
@font-face {
    font-family: dancing;
    src: url(fontS/Dancing_Script/DancingScript-VariableFont_wght.ttf);
}
@font-face {
    font-family: gelasio;
    src: url(fonts/Gelasio/Gelasio-Bold.ttf);
}
@font-face {
    font-family: pacific;
    src: url(fonts/Pacifico/Pacifico-Regular.ttf);
}
@font-face {
    font-family: permanet;
    src: url(fonts/Permanent_Marker/PermanentMarker-Regular.ttf);
}
@font-face {
    font-family: righteous;
    src: url(fonts/Righteous//Righteous-Regular.ttf);
}
@font-face {
    font-family: bebas;
    src: url(fonts/BebasNeue.otf);
}
@font-face {
    font-family: trebuchet;
    src: url(fonts/TrebuchetMS.ttf);
}
@font-face {
    font-family: websymbol;
    src: url(fonts/websymbols-regular-webfont.ttf),
        url(fonts/websymbols-regular-webfont.svg);
}
.alata {
    font-family: alata;
}
.dancing {
    font-family: dancing;
}
.gelasio {
    font-family: gelasio;
}
.pacific {
    font-family: permanent;
}
.reghteous{
    font-family: righteous;
}
.roboto {
    font-family: roboto !important;
}
.websymbol {
    font-family: websymbol;
}
h2 {
    font-family: websymol;
    font-size: 50px;
    margin-bottom: 7px;
    margin-top: 0px;
}

.gold{
    font: bold;
    color:goldenrod;
    text-shadow: darkgoldenrod 0px 0px 3px inset;
    text-shadow: gold 0px 0px 3px, black 2px 0px 3px,black 0px 2px 3px,black 2px 2px 3px;
}
.Andres {
    font: bold;
    color: silver;
    text-shadow:gold 0px 0px 3px inset;
    text-shadow: black 0px 0px 3px;

}
.rojo {
    color: darkred;
}
.marco {
    background: black;
    border-right:gold 4px solid;
    border-left:gold  4px solid;
    border-bottom:gold  4px solid;
    border-top:gold  4px solid;
    border-radius: 3px;
    width: 70px;
}