body{
    background-color: #f7f8fa;
    font-family: 'Urbanist', sans-serif;
}

.brand{
    font-size: 25px ;
    font-family: 'Pacifico', cursive;
}

.waving-hand{
    font-family: 'Urbanist', sans-serif;
    color: navy;
    font-weight: 600;
}

.intro-breif {
    margin: 20px 0px;
    font-size: 14pt;
    text-align: justify;
}

.intro { margin-top: 20px }

.intro, .intro-breif{
    font-family: 'Urbanist', sans-serif;
}

.reference a{
    margin: 0px 10px
}

.reference a:first-child{
    margin-left: 0px;
}

.reference a i{
    color: #153150;
}

.skills-heading{
    text-align: center;
    margin-top: 10px;
}

.skill-set-container{
    display: flex;
    flex-wrap: wrap;
    padding: 2px 25px 15px 25px;
    min-height: 100px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.skill-set-container .skill-chip{
    margin-top: 5px;
    margin-left: 5px;
    background-color: rgb(34, 32, 32);
    color: #f7f8fa;
    border-radius: 50px;
    padding: 10px 15px;
    font-size: 13px;
}

.skill-chip:hover{
    background-color: rgb(53, 51, 51);
}

.avatar{
    border-radius: 50%;
    width: 140px; 
    height: 140px;
    margin-bottom: 10px;
}

.skill-set-wrapper{
    margin-top: auto;
    margin-bottom: auto;
}