*{
  margin:0px;
  padding:0px;
}

body{
  margin:10px auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: Roboto, Arial;
  background-color: #F0F4F8;
  align-items: center;
  
}


header{
  width: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:15px;
  background-color: #2980B9;
  border-radius: 10px;
}

h1{
  color: white;
  padding: 5px 5px 12px 5px;
  font-weight:700;
  font-size:40px;
  border-radius: 10px;
}


h2{
  color: white;
  font-size: 20px;
}

main{
  margin: 20px auto;
  display: grid;
  grid-template-columns: repeat(3, 300px);
  gap:20px
}

.grupos{
  display: flex;
  flex-direction: column;
  border-top: 5px solid #4D94C6;
}

.titu{
  background-color: #DAE4F8;
  font-size: 20px;
  text-align: center;
  padding: 10px;
  color:#5084B6;
  font-weight: 700;
}

.equipo{
  display: flex;
  flex-direction: row;
  background-color: #FFFFFF;
  border-top: 2px solid #F4F4F8;
 align-items: center;
 gap: 20px;
 padding-left: 20px;
 font-size: 16px;
}

.equipo img{
  height: 60%;
}





footer{
  width: 1000px;
  margin-top: auto;
  text-align: center;
  padding:15px;
  color: #89BCD7;
  font-size: 16px;
  border-radius: 10px;
  border-top: 2px solid #E0E8F5;
  padding-top: 20px;
}

span a{
  color:#28729B;
  text-decoration: none;

}