:root {
    
    background-image: var(--bs-gradient);
  }

.boton_flotante{

    
    position: fixed;
    bottom: 50%;
    right: 0px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}  

header h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /*background-color:#0F044C;*/
    color:#EEEEEE;
    font-weight: bold;
}
.separador{
    background-color:#2e57a3;
    height: 10px;
    width: 100%;
}

.separador_blanco{
    background-color:#ffffff;
    height: 20px;
    width: 100%;
}
header{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color:#0F044C;
    color:#EEEEEE;
}


article h2{
    margin: 0;
}

/*footer{

    display: flex;
    align-items: center;
    justify-content: center;

}

footer h3{
    margin: 0;
}*/


/*footer{
    background-color: #474849;
    color: #EEEEEE;
    /*height: 50px;*/
}*/

aside{
    background-color: #02ffea;
    margin-left: auto;
	margin-right: auto;
    /*padding-top: 20px;
    padding-bottom: 20px;*/
}

.text-justify {
    text-align: justify;
  }


/*.navbar{

    background-color: #2e57a3;
    color: #EEEEEE;
}

.navbar li a{    
    color: #EEEEEE;
}

.navbar li a:hover{    
    color: #EEEEEE;
}

.navbar ul a{   
    background-color: #2e57a3; 
    color: #EEEEEE;
}*/

header p {
    text-align: center;
      font-size: 15px;
  }


@media (max-width: 600px) {
    header p {
      text-align: center;
        font-size: 12px;
    }
}

@media (max-width: 600px) {
    h3 {
        margin-top: 10px;
        text-align: center;
        font-size: 18px;
    }
}

@media (max-width: 600px) {
    .boton_flotante {
        display: none;
    }
}


