body{
    background-color: rgb(238, 238, 238);
}
section{
display: flex;
padding: 30px 2vw;

}
.container{
width: 80%;

margin: 0 3vw;

}

.card{

border-radius: 5px;

background-color: #fff;

display: flex;
transform: scale(1);
transition: all 0.1s ease-in-out 0.1s;
box-shadow: 10px 5px 5px rgb(231, 231, 231);

}
.carddes{

border-radius: 5px;

padding: 30px 5vw;

display: flex;
transform: scale(1);
transition: all 0.1s ease-in-out 0.1s;
box-shadow: 10px 5px 5px rgb(231, 231, 231);
line-height: 1.5;
background-color: #fff;

}
.carddes h2,h3 {
margin-bottom: 40px;
margin-top: 20px;
text-align: center;
}
.card:focus{


transition: all 0.1s ease-in-out 0.1s;

background-color: rgba(1, 66, 128, 0.26);
box-shadow: 10px 5px 5px rgb(95, 95, 95);
}

.logobg{
padding: 1vw;
width: auto;
height: 100%;
}
.logobg:hover{
background-color: rgba(0, 132, 255, 0.295) ;
}
.applogo{
width: 10em;
height: 100%;;

}
.apptext{
padding: 40px 0px;


}
.apphead{
padding:0 0 15px 0;
}

.appinstall button {
margin: 80px 0 0 14vw;
background-color:#24cd77;
color: aliceblue;
padding: 1.2vw 4vw;
border: transparent;
border-radius: 3px;
cursor: pointer;



}
.appinstall button:hover{

background-color: #3ddd8a;

color: rgb(255, 255, 255);

box-shadow: 10px 5px 5px rgb(255, 255, 255);
}

.howto{
padding: 50px 3vw;
width: 30%;
height: 600px;
line-height: 1.8;
background-image: linear-gradient( 130deg, #fff,rgb(199, 247, 247),  rgba(0, 255, 255, 0.27));


border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(170, 255, 255, 0.651);
border-radius: 5px;
}
.howto h1{
margin: 0 0 20px 0;
}


@media only screen and (max-width:480px){
section{
    display: inline;
}

.container{
    width: 100%;
    margin: 0;
    
    }
    .S-Head{
        font-size: 20px;
    }

.applogo{
    width: 120px;
}
    .apptext{
        font-size: 12px;
        padding: 30px 10px;
      
    }
    .apphead{
        font-size: 15px;
    }
    .appinstall button{
        margin: 150px 0 10px -260px;
         padding: 13px 30vw;
    }

    .howto{
        width: auto;
        height: auto;
        padding: 40px 30px;
        margin: 30px 0;
        font-size: 15px;
    }

}