* {
    box-sizing: border-box;
}

.main {
 max-width: 576px;
 margin: 0 auto;
}

.second {
    display: flex;
    flex-direction: row;
    justify-content: space-around;    
    /* border: 1px solid red; */
    max-width: 100%;
    margin: 0 auto;
    height: 50vh;
}
body {
    background-color: #212121;
    color: aliceblue;
}

.a {
    /* border: 1px solid blue; */
    height: 60vh;
    max-width: 50%;
    
}
.b {
    /* border: 1px solid green; */
    max-width: 50%;
    height: 60vh;
}

.teamA {
    text-align: center;
}
.scoreA {
    text-align: center;
    color: rgb(152, 249, 5);
}
.teamB {
    text-align: center;
    color: yellow;
}
.scoreB {
    text-align: center;
    color: aliceblue;
}
.winner { 
     display: block; 
     text-align: center;
     margin-top: 45px;
     font-size: 28px;
} 
.addScore {
    display: block;
    width: 120px;
    height: 50px;
    background-color: rgb(86, 208, 86);
    margin: 0 auto;
    border: none;
    border-radius: 10px;
    margin-top: 70px;
    font-size: 18px;
}

.removeScore {
    font-size: 2;
    display: block;
    width: 120px;
    height: 50px;
    background-color: rgb(86, 208, 86);
    margin: 0 auto;
    border: none;
    border-radius: 10px;
    margin-top: 50px;
    font-size: 18px;
}
.add {
    font-size: 18px;
    display: block;
    width: 120px;
    height: 50px;
    background-color: rgb(86, 208, 86);
    margin: 0 auto;
    border: none;
    border-radius: 10px;
    margin-top: 70px;
}

.remove {
    font-size: 18px;
    display: block;
    width: 120px;
    height: 50px;
    background-color: rgb(86, 208, 86);
    margin: 0 auto;
    border: none;
    border-radius: 10px;
    margin-top: 50px;
}
.reset {
    width: 100px;
    font-size: 18px;
    height: 50px;
    display: block; 
   
    background-color: rgb(86, 208, 86);
    margin: 0 auto;
    border: none;
    border-radius: 10px;
    margin-top: 50px;


}