@font-face {
    font-family: Intervouge Alt;
    src: url("../fonts/IntervogueAlt-Bold.otf");
}
body{
    background-image: linear-gradient(to left, rgb(255, 38, 0), rgb(122, 47, 207));
    justify-content: center;
    margin: 0%;
}
/* Header o barra inicial */
.header{
    height: 80px;
    width: 100%;
    background-image: linear-gradient(to left, rgb(255, 38, 0), rgb(122, 47, 207));
    justify-content: center;
    padding-top: 3%;
    text-align: center;
    font-family: Intervouge Alt;
    color: cornsilk;
}
/* Contenido de la página */
.contenido{
    margin-top: 5%;
    background-image: linear-gradient(60deg, rgb(23, 33, 73), rgb(82, 18, 155));
    justify-content: center;
    text-align: center;
    font-family: Intervouge Alt;
    display: flex;
    padding-top: 3%;
    height: 600px;
    width: 100%;
    color: white;
}
a{
    text-decoration: none;
}
/* Pie de página */
.footer{
    font-family: Intervouge Alt;
    height: 100px;
    width: 100%;
    background-image: linear-gradient(to left, rgb(54, 17, 11), rgb(56, 19, 99));
    justify-content: center;
    padding-top: 3%;
    text-align: center;
    height: 150px;
    font-family: Intervouge Alt;
    color: white;
}
/* Card */
.contenido .card{
    margin-left: 2%;
    justify-content: center;
    text-align: center;
}
/* Scrollbar */
body::-webkit-scrollbar{
    background: rgb(122, 47, 207);
    width: 10px;
}
body::-webkit-scrollbar-thumb{
    background: rgb(88, 24, 12);
    border-radius: 10px;
}