.teams-stat{
    display: flex;
    flex-direction: column;
}

.teams-stat-title{
    font-size: 29px;
    font-weight: 600;
    text-transform: uppercase;
}

.teams-stat-group {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.teams-stat-group:not(:last-of-type) {
    margin-bottom: 100px;
}

.teams-stat-table{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.teams-stat-row{
    display: flex;
    flex-direction: row;
    font-size: 21px;
    font-weight: 500;
    align-items: center;
}

.teams-stat-row:first-of-type > * {
    font-size: 18px !important;
}

.teams-stat-row:first-child{
    margin-bottom: 20px;
}

.teams-stat-row:first-child .teams-stat-place{
    margin-bottom: 0;
}

.teams-stat-row:nth-child(2) .teams-stat-place{
    color: #D1A561;
}

.teams-stat-row:nth-child(3) .teams-stat-place{
    color: #A5A5A5;
}

.teams-stat-row:nth-child(4) .teams-stat-place{
    color: #E87636;
}

.teams-stat-place{
    width: 58px;
    margin-right: 38px;
    font-size: 22px;
    font-weight: 500;

    display: flex;
    justify-content: center;
}

.teams-stat-team{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;

    width: 440px;
    gap: 18px;
    font-size: 14px;
}

.teams-stat-series{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 15px;

    width: 185px;
    margin-left: 9px;
}

.teams-stat-games{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 15px;

    width: 185px;
    margin-left: 48px;
}

.teams-stat-streak{
    display: flex;
    justify-content: center;

    width: 108px;
    margin-left: 48px;
}

.teams-stat-data{
    display: flex;
    justify-content: center;
    width: 85px;
}

.teams-stat-team-logo{
    width: 66px;
    height: 66px;
}

.teams-stat-wrap{
    padding-bottom: 15px;

    display: flex;
    flex-direction: row;
    align-items: center;
}

.main-teams{
    display: flex;
    flex-direction: column;
    gap: 69px;
    padding-top: 103px;
    margin-bottom: 119px;
    background: url('/main/assets/TEAMS.svg') top 30px center no-repeat;
}

.main-teams-describe{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-teams-describe-title{
    font-size: 29px;
    font-weight: 550;
    text-transform: uppercase;
}

.main-teams-describe-link{
    display: flex;
    gap: 33px;
    align-items: center;
}

.main-teams-describe-link-name{
    font-size: 15px;
}

.main-teams-groups {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.main-teams-group {
    display: flex;
    flex-direction: column;
    gap: 41px;
}

.main-teams-group-title {
    font-size: 29px;
    font-weight: 550;
    text-transform: uppercase;
}

.main-teams-group-teams {
    display: flex;
    justify-content: space-between;
}

.main-teams-team{
    width: 205px;
    height: 260px;
    border-radius: 20px;
    background-color: #0F0F0F;

    display: flex;
    flex-direction: column;
}

.main-teams-team:hover{
    background-color: #282828;
}

.main-teams-team-logo{
    width: 129px;
    height: 129px;
    align-self: center;
    margin-top: 38px;
}

.main-teams-team-name{
    width: 140px;
    height: 36px;
    font-size: 15px;
    align-self: center;
    text-align: center;
    margin-top: 31px;
}

.main-teams-team-place{
    position: absolute;
    margin-top: 11px;
    margin-left: 11px;

    width: 35px;
    height: 32px;

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

    background-color: #282828;
    border-radius: 15px;
    font-size: 18px;
}

.main-teams-team.first-place .main-teams-team-place{
    background-color: #D1A561;
}

.main-teams-team.second-place .main-teams-team-place{
    background-color: #A5A5A5;
}

.main-teams-team.third-place .main-teams-team-place{
    background-color: #E87636;
}

.main-teams-team-score{
    position: absolute;
    margin-top: 140px;
    margin-right: 11px;

    width: 54px;
    height: 32px;
    border-radius: 15px;
    background-color: #ED0A31;

    display: flex;
    justify-content: center;
    align-items: center;
    align-self: end;

    font-size: 12px;
}

.teams-cards{
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

.teams-cards-title{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 29px;
}

.main-teams-team:hover{
    background-color: #282828;
}

.teams-stat-image{
    justify-self: center;
    align-self: center;
    background-image: url("./score2.png");
    width: 1168px;
    height: 966px;
    margin-top: 10px;
}