@import url("../global.css");
@import url("../components/header.css");
@import url('../components/card_teams.css');

body {
  background-color: #f5f7fa;
}
main{
    padding-top: 70px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
main h3#title{
    width: 95%;
    float: left;

    margin: 1.25% 2.5%;

    color: #000;
}

main ul#team_list{
    width: 95%;
    float: left;

    margin: 1.25% 2.5%;

    color: #343434;
}

@media (max-width: 1000px) {
    main{
        width: 100%;
        float: left;
    
        padding-top: 70px;
        padding-left: 0;
    }
    main ul#team_list{
        width: 95%;
        float: left;

        margin: 1.25% 2.5%;

        color: #343434;
    }
    ul#team_list {
        width: 100%;

        display: flex;
        flex-wrap: wrap;
        gap: 2%;
        justify-content: flex-start;
    }
    ul#team_list li.team {
        width: 100%;
    }
}