body{
    margin: 0;
   
    font-family: sans-serif;
}

.main-page{

    display:flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
    gap: 50px;

}

img{
    width: 100px;
}

.header{
    
    justify-content: center;
    justify-items: center;
    font-family:sans-serif;
    font-size: small;
    font-weight: bold;
}

.logo{

    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.myname{

    padding: 0px;
    display: flex;
    justify-items: center;
    align-items: center;
    font-size: small;
    font-weight: bold;
}

.subname{

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

}

.header-links a{

    color: rgb(0, 120, 255);
    display: flex;
    justify-content: center;
    padding: 5px  10px;
    text-decoration: none;
    border-radius: 8px;
    font-family:  sans-serif;
    font-size:small;
    font-weight: bold;
}
.header-links a:hover{

    background-color: rgb(240, 240, 240);
}

.land-page{

    background-color: rgb(0, 120, 255);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 50px;

}

.app-section{

    justify-content: space-between;
    justify-items: start;
    
    
}

.card{
    
    display: flex;
    align-items: start;
    gap: 20px;
   
}


.card-main-logo{

    padding: 10px;
    display: flex;
    justify-content: center;
}

.card-main-logo img{
    width: 70px;
}

.card-detail{
    align-items: start;
}

.card-name{
    align-items: center;

}


.card-name a{

    padding: 5px;
    justify-content: center;
    border-radius: 20px;
    align-items: center;
}

.card-name a:hover{

    background-color: rgb(201, 247, 214);

}

.card-title{

    font-size: large;
    font-weight: bold;
}

.card-store{
    display: flex;
    justify-content: start;
}


.about{

    display: flex;

    padding: 30px;

    justify-content: center;
    font-size: small;
    font-weight: bold;
}

.contact-title{


    padding: 0px 15px;

    display: flex;
    justify-content: center;
    font-size: small;
    font-weight: bold;
}

.contact{

    display: flex;
    justify-content: center;
}

.contact img{
    width: 40px;
}


.contact a{

    display: flex;
    justify-content: center;
    padding: 5px  10px;
    text-decoration: none;
    border-radius: 8px;
}

.contact a:hover{

    background-color: rgb(240, 240, 240);

}

.whatsapp{

    display: flex;
    justify-content: center;
}

.card-store img{

    width: 20px;

}