@import url('https://fonts.googleapis.com/css2?family=Karla&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300&family=Karla&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');

html,body{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-family: 'Karla', sans-serif;
}

center img{
    height: 250px;
    width: 250px;
}


center div{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}


center div a{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    margin: 0px 5px;
    align-items: center;
    color: #333;
    padding: 10px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    font-style: normal;
    font-size: 16px;
    text-decoration: none;
}

center div a img, center div a ion-icon{
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

center p:nth-child(2){
    font-size: 20px;
    margin: 0px;
}

center p:nth-child(3){
    font-size: 18px;
    color: #333;
}