body{
  font-family: Arial;
  background:#001f5b;
  color:white;
  text-align:center;
}

h1{
  margin-top:30px;
}

.add-team{
  margin:20px;
}

#teams{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px;
  padding:20px;
}

.team{
  background:#0039a6;
  padding:20px;
  border-radius:12px;
  min-width:220px;
  flex:1;
  max-width:400px;
}

.team input{
  font-size:28px;
  text-align:center;
  font-weight:bold;
  width:100%;
}

.score{
  font-size:42px;
  margin:10px;
}

button{
  padding:10px 14px;
  margin:5px;
  font-size:16px;
}

.team button:last-child{
  background:red;
  color:white;
  font-weight:bold;
}