body {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    position: relative;
  }

  h1 {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }

  h3 {
    font-weight: bolder;
    margin-bottom: 0;
  }

  div {
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
    border-radius: 2%;
    display: inline-grid;
    margin: 4%;
  }

  p {
    color: hsl(229, 6%, 66%);
    float: left;
    font-size: 15px;
    margin-top: 10px;
  }

  .headline {
    float: none;
    margin: 25px auto auto auto;
    width: 35%;
  }

  .Supervisor,
  .Karma,
  .Calculator,
  .Team-Builder {
    height: 200px;
    padding: 20px 20px 40px 40px;
    text-align: left;
    width: 300px;
    position: relative;
  }

  .Supervisor {
    border-top: 0.25rem solid hsl(180, 62%, 55%);
    grid-area: sv;
  }

  .Karma {
    border-top: 0.25rem solid hsl(34, 97%, 64%);
    grid-area: kr;
  }

  .Calculator {
    border-top: 0.25rem solid hsl(212, 86%, 64%);
    grid-area: cc;
  }

  .Team-Builder {
    border-top: 0.25rem solid hsl(0, 78%, 62%);
    grid-area: tb;
  }

  .magnifier,
  .house,
  .bulb,
  .computer {
    display: inline-block;
    margin-top: 20px;
    padding-left: 70%;
  }

  .firsttitle {
    color: hsl(229, 6%, 66%);
    font-weight: lighter;
    margin: 0 auto;
    padding-top: 50px;
  }

  .secondtitle {
    color: hsl(234, 12%, 34%);
    font-weight: 600;
    letter-spacing: .05rem;
  }

  .maindiv {
    grid-template-areas:
    '.  .  tb tb .  . '
    'sv sv tb tb cc cc'
    'sv sv kr kr cc cc'
    '.  .  kr kr .  . ';
    box-shadow: none;
    border-radius: 0;
  }

  .attribution {
    font-size: 11px;
    text-align: center;
  }

  .attribution a {
    color: hsl(228, 45%, 44%);
  }