/* fonts */


  @import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300&family=Montserrat:wght@500&family=Open+Sans:wght@600&family=Poppins:wght@500&family=Ubuntu:wght@300&display=swap');



body{
    background-color: #F3F1FF;
    font-family: 'Poppins', sans-serif;
}

main{
    display: flex;
    justify-content: center;
}
hr{
    border:1px solid #d1d1d1;
    margin-top: 29px;
    margin-right: 30px;
    margin-bottom: 30px;

}

.container{
    background-color: #FFFFFF;
    width: 870px;
    margin-bottom: 29px;
    padding-left: 30px;
    padding-top: 30px;
  
    
}

.players-title{
    color: #562EFF;
    font-size: 24px;
    margin-bottom: 30px;
    margin-top: 3px;
    
}

.players{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-row-gap: 30px;
}

.player img{
    height: 56px;
    width: 56px;
}

.player{
    display: flex;
    align-items: center;
    /* margin-bottom: 29px; */
}

.player-name{
    margin-left: 16px;
    font-size: 18px;
}

/* top blog styles */

.top-articles{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 26px;
    gap: 79px;

}

.blogs{
    display: flex;
}

.blogs .thumbnail img{
    width: 177px;
    height: 117px;
}

.info{
    margin-left: 16px;
}

.info p{
    color: #9F9F9F;
    font-size: 16px;
}

.info a{
    text-decoration: none;
    color: #562EFF;
}

.courses .course-banner img{
    width: 224px;
    height: 104px;
}
.course{
    display: flex;
}

.course-info{
    display: flex;
    align-items: center;
   
}