@font-face {
    font-family: "AntonSC";
    src: url("./fonts/AntonSC-Regular.ttf");
}

@font-face {
    font-family: "Barlow";
    src: url("./fonts/Barlow-Regular.ttf");
}

body{
    font-family: "AntonSC";
}

.color-morado{
    color: #670099;
}

.btn-personal{
    background-color: white;
    border: 4px solid transparent;
    border-image: linear-gradient(to top, #670099 0%, #9721e5 100%) 1;
    border-radius: 20px;
    padding: 10px;
    text-decoration: none;
    color: black;
}

.horas-sorteos li{
    background: -webkit-linear-gradient(90deg, #670099, #9721e5);
    background: linear-gradient(90deg, #670099, #9721e5);
    padding: 20px;
    border-radius: 10px;
    width: 150px;
    color: white;
    font-size: 20px;
}

.mg-12{
    margin-top: 12%;
}

.forma-ganar-web{
    color: #6a009e;
}

.forma-ganar-web h2{
    color: #6a009e;
    font-size: 5em;
}

.forma-ganar-mobil{
    display: none;
}

.miltiplica-web{
    display: block;
}

.miltiplica-mobil{
    display: none;
}

.sorteo-web{
    display: block;
}

.sorteo-mobil{
    display: none;
}

.resultados-del-dia{
    font-size: 5em;
}

@media (max-width: 600px) {
    
    .forma-ganar-web h2{        
        font-size: 2em;
    }

    .resultados-del-dia{
        font-size: 2em;
    }

    .mg-12{
        margin-top: 0%;
    }   

    .miltiplica-web{
        display: none;
    }
    
    .miltiplica-mobil{
        display: block;
    }

    .sorteo-web{
        display: none;
    }
    
    .sorteo-mobil{
        display: block;
    }

    .horas-sorteos li{        
        width: 120px;
    }
}