/*  ##  BARRA DE NAVEGACION    ###############################
    ##########################################################
*/

@import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&family=Orbitron:wght@600&family=Roboto&family=Prompt:wght@500;700&family=Russo+One&display=swap');

.menubutton {

    font-family: 'Orbitron';
    font-weight: 200;
    background-color: rgba(190, 220, 105, 0.717) !important ;
    color:white !important;

}

.maintitulo{
    font-family: 'Orbitron';
    font-size: 30px;
    font-weight: 400;  
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.hero.is-small .hero-body{
    padding: 0.8em;
    height: 70px;
}

.left{
    float: left;
}
.right{
    float: right;
}

.centro{
    margin-top: 10px;
}

/*  ##  NOTIFICACIONES COMUNES  ###############################
    ##########################################################
*/
.notify {
    font-family: 'Russo One';
    font-size: 30px;
    font-weight: 200;
    color:white;
    z-index: 2;
    border: 2px solid #000;
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 4%;
   
}

.notify.ok{  
    background-color: rgb(202, 207, 36);
}

.notify.nok{
    background-color: rgba(125, 20, 20, .8);
}


.inner-bg {
    padding: 15px 0 10px 0;
    height: 80vh;
}

body {
   
    background: url(/images/onlyRueda.png);
    background-repeat: no-repeat;
    background-size:auto;
    height: max-content;
}

message{
    background-color: rgb(211, 31, 67);

}

.notify {
    font-family: 'Russo One';
    font-size: 30px;
    font-weight: 200;
    color:white;
    z-index: 2;
    border: 2px solid #000;
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 4%;
   
}

.notify.ok{  
    background-color: rgb(202, 207, 36);
}

.notify.nok{
    background-color: rgba(125, 20, 20, .8);
}