/* rules */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* global*/
* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 12px; font-family: "Inter", Helvetica, Arial, sans-serif; height: 100%;}
body { color: #a1a1a1; background: linear-gradient(0deg, rgba(255,136,109,1) 0%, rgba(238,238,238,1) 100%); height: 100%;}
/*links*/
a { color: #56bce4; transition: .3s all; text-decoration: none; }
a:hover { opacity: .6; }
/*resets*/
ul { list-style: none; }
figure { margin: 0; }
img { width: 100%; vertical-align: middle; }
/*type*/
h1 { font-size: 1.25rem; color: #7a7a7a; }
h2 { font-size: 1.1rem; }
.medium { font-weight: 500;}
/*spacing*/
.mb_xs {
  margin-bottom: .25rem;
}

/*header*/
header { padding: 1rem; }

/*main list*/
.incomplete { fill: #c2c2c2; }
.complete { fill: #56bce4; }

main { padding: 1rem; display: grid; grid-column-gap: 1rem; grid-row-gap: 1rem;}

section {  background: #f6f6f6; padding: .5rem; }
section:nth-of-type(odd) { background: #fcfcfc; }


.member article {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.member article img {
  width: 4rem;
  border-radius: .25rem;
}

.member article nav {
  display: flex;
  align-items: center;
}

.member article nav span {
  margin-left: .5rem;
}

@media only screen and (min-width: 600px) {
  header { padding: 2rem; }
  main {
    grid-template-columns: 1fr 1fr;
    padding: 2rem;
  }
}

@media only screen and (min-width: 900px) {
  header { padding: 3rem; }
  main {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 3rem;
  }
}

@media only screen and (min-width: 1500) {
  html { font-size: 16px; }
  header { padding: 4rem; }
  main {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 4rem;
  }
}