@font-face {
    font-family: TangoSans;
    src: url("fonts/TangoSans.ttf");
}
@font-face {
    font-family: HumbleLettering;
    src: url("fonts/HumbleLettering.ttf");
}
@font-face {
    font-family: QuickSand;
    src: url("fonts/Quicksand.ttf");
}
@font-face {
    font-family: BebasNeue;
    src: url("fonts/BebasNeue.ttf");
}
.title {
    font-family: BebasNeue;
    font-size: 35px;
    color: rgb(10, 12, 102);
    display: flex;
    justify-content: center;
}
.titulos {
    font-family: TangoSans;
    font-size: 25px;
    color: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
}
.v {
    font-family: QuickSand;
    font-size: 25px;
    color: rgb(184, 108, 255);
}
.v:hover {
    color: rgb(153, 153, 238);
    font-style: italic;
}
.topbar {
    display: flex;
    justify-content: space-around;
    background-color: rgb(56, 8, 46);
    border: 3px white;
    padding: 20px;
    margin: 30px;        
}
.ind {
    background-color: rgb(85, 52, 11);
    font-family: QuickSand;
    font-size: 30px;
    color: azure;
}
body {
    background-image: url("Fondos/crossline-lines.webp");
}
.foto {
  text-align: center;
}