*{
margin:0;
padding:0;

}

body{
width: 100%;
height: 100vh;
background-color: white;
}

.span{

    color:rgb(26, 26, 187);
    
}

.secCion2{

height:200px;
width:350px;
color:white;

opacity: 0.8;
background-color:grey;
box-shadow: 0px 10px 10px black;
}
.app1{

height:88px;
width:400px;

color:white;
opacity: 0.8;
background-color:grey;
box-shadow: 0px 10px 10px black;
}
.app2{
height:88px;
width:400px;
color:white;
opacity: 0.8;
background-color:grey;
box-shadow: 0px 10px 10px black;
}



.tituloNav{
font-size: 35px;
color: #21D192;
text-decoration: none;

}






.tiTulo{
font-size: 30px;
}

.tiTulo1{
font-size: 20px;
}
.prEcios{
font-size: 25px;
}

.imagenBtc{
border-radius: 30px;
}

@media (max-width: 768px) { 
.secCion2{

height:200px;
width:310px;
color:white;
margin-left: 15px;

opacity: 0.8;
background-color:grey;
box-shadow: 0px 10px 10px black;
}
.tiTulo{
font-size: 25px;
}
.tiTulo1{
font-size: 20px;
}
.prEcios{
font-size: 20px;
}

.imagenBtc{
width :35px;
height:35px;
}
.conTainer1{

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

}

.app1{
    width: 310px;
    
}
.app2{
    width: 310px;
}

}

@media (max-width: 500px) { 
.secCion2{

height:200px;
width:285px;
color:white;
margin-left: 15px;

opacity: 0.8;
background-color:grey;
box-shadow: 0px 10px 10px black;
}
.tiTulo{
font-size: 25px;
}
.tiTulo1{
    font-size: 16px;
}
.prEcios{
    font-size: 20px;
}

.imagenBtc{
    width :30px;
    height:30px;
}
.conTainer1{
        margin-right: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;

}
        
.app1{
    width: 285px;
    
}
.app2{
    width: 285px;
}
           
}