body{
    font-family: 'Montserrat', sans-serif;
    margin: 0px;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background-image:url(frases3.jpg); 
    background-repeat: no-repeat;
    background-size: cover;
    


}

/*______________Estilo de  bases _____*/
.main_header{
    width: 100%;
    display: none;
}

.banner{
    margin-bottom: 0;
    padding-bottom: 0;
}

.banner-img{
    width: 100%;
    height: 120vh;
    object-fit: cover;
    position: relative;
    margin-bottom: 0px;
    position: relative;
}

.banner-txt{
    display: none;

}

.main-footer{
    display: none;
}

/*_______Estilo de gotas sabiduria ______*/

.main-frases{
    margin-top: 100px;
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;


}


.lista-frases{
    position: absolute;
    top: 600px;
    list-style: none;
    position: absolute;
    animation: cambiar 200s infinite;
    animation-fill-mode: forwards;
    animation-delay: s;
       
}


.frases{
    padding: 20px;
    font-size: 1.7em;
    width: 95%;
    margin: auto;
    background: rgba(250,250,250,.4);
    margin-bottom: 30px;
    border-radius: 100px;
    border: 1px solid orange;
    font-weight: 500;
    line-height: 30px; 
    
}
.referencias{
    font-size: 0.9em;
    color: white;
    font-style: italic;
    font-weight: 500;
}

@keyframes cambiar{
    0%{margin-top: -130px;}
    2%{margin-top: -160px;}
    4%{margin-top: -170px;}
    6%{margin-top: -210px;}
    8%{margin-top: -280px;}
    10%{margin-top: -350px;}
    12%{margin-top: -420px;}
    14%{margin-top: -490px;}  
    16%{margin-top: -560px;}
    18%{margin-top: -630px;}
    20%{margin-top: -700px;}
    22%{margin-top: -770px;}
    24%{margin-top: -840px;}
    26%{margin-top: -910px;}
    28%{margin-top: -980px;}
    30%{margin-top: -1050px;}
    32%{margin-top: -1120px;}  
    34%{margin-top: -1190px;}
    36%{margin-top: -1260px;}
    38%{margin-top: -1330px;}
    40%{margin-top: -1400px;}
    42%{margin-top: -1470px;}
    44%{margin-top: -1540px;}  
    46%{margin-top: -1610px;}
    48%{margin-top: -1680px;}
    50%{margin-top: -1770px;}
    52%{margin-top: -1680px;}
    54%{margin-top: -1610px;}
    56%{margin-top: -1540px;}
    58%{margin-top: -1470px;}
    60%{margin-top: -1400px;}
    62%{margin-top: -1330px;}  
    64%{margin-top: -1260px;}
    66%{margin-top: -1190px;}
    68%{margin-top: -1120px;}
    70%{margin-top: -1050px;}
    72%{margin-top: -980px;}
    74%{margin-top: -910px;}
    76%{margin-top: -840px;}
    78%{margin-top: -770px;}
    80%{margin-top: -700px;}
    82%{margin-top: -630px;}  
    84%{margin-top: -560px;}
    86%{margin-top: -490px;}
    88%{margin-top: -420px;}
    90%{margin-top: -350px;}
    92%{margin-top: -280px;}  
    94%{margin-top: -210px;}
    96%{margin-top: -140px;}
    98%{margin-top: -70px;}
    100%{margin-top: -0px;}
}