body{
    margin: 0;
    padding: 0;
}

.flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
 }  




.fondos{

    width: 100%;
    height: 100vh;
    color: #fff;
    background: linear-gradient(45deg,rgb(255, 54, 188),rgb(172, 56, 250));
    background-size: 100% 100%;
    /*position: relative;
    /*animation: cambiar 10s ease-in-out infinite;*/
}
/*
h1{
    font-size: 4rem;
    letter-spacing: 2px;
    border: solid 3px #fff;
    border-radius: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 2rem 3rem;
}
*/
@keyframes cambiar{
    0%{background-position: 0 50%;}
    50%{background-position: 100% 50%;}
    100%{background-position: 0 50%;}
}

.simple-linear {
    background: linear-gradient(rgb(174, 73, 233), pink);
  }

  .color-hint {
    background: linear-gradient(blue, 10%, pink);
  }


  #menu{
    background: rgba(94, 76, 175, 0.5);
    
  }

  
 #fondo{
    width: 1800px;
    height: 300px;
    background-image: url(img/COLORES.jpg);
    background-repeat: no-repeat;
    /*background-size: cover;*/
    background-position: center;
   }
   



   #fondo0{
    margin: 0;
    padding: 0;
    width: 1850px;
    height: 100px;
    background-image: url(img/fondo0.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
   }
  
   #fondo1{
    width: 1800px;
    height: 500px;
    background-image: url(img/logo_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
   }
  
   #fondo2{
    /*width: 1890px;
    height: 500px;*/
    background-color: rgb(125, 79, 165);
    /* background-image: url(img/logo_1.jpg); */
    /*background-repeat: no-repeat;
    /*background-size: cover;*/
   /*background-position: center;*/
   }
  
   #fondo3{

    background-color: rgb(152, 153, 236);
    /* background-image: url(img/logo_1.jpg); */
   }

   #fondo31{

    background-color: rgb(192, 103, 152);
    border-radius: 10px;

    /* background-image: url(img/logo_1.jpg); */

   }
  

   #fondo4{
    /*width: 1890px;
    height: 500px;*/
    background-color: rgb(140, 203, 228);
    /* background-image: url(img/logo_1.jpg); */
    /*background-repeat: no-repeat;
    /*background-size: cover;*/
   /*background-position: center;*/
   }
  
   #fondo5{
    /*width: 1890px;
    height: 500px;*/
    /*padding: 0px;*/
    margin: 0px;
    background-color: rgb(223, 225, 233);
    /* background-image: url(img/logo_1.jpg); */
    /*background-repeat: no-repeat;
    /*background-size: cover;*/
   /*background-position: center;*/
   }



   @font-face {
    font-family: 'Romla';
    src: url('./fonts/Romla\ Signature.ttf');
    font-style: normal;
    font-weight: 700;
    
  }

  .Romla {
    font-family: 'Romla', sans-serif;
    font: 3.3em 'Romla';
}

.RomlaSub {
  font-family: 'Romla', sans-serif;
  font: 3em 'Romla';
}