main {
  width: 70vw;
  margin: 10px 15vw 0 15vw;
  font-family: Jersey10;
}

main h2 {
  font-size: 30px;
  line-height: 60px;
  color: var(--fontcolor);
  margin-left: 0;
}

main .wrapper-page {
  width: 58vw;
  height: 1000px;
  margin-left: 160px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}

main .wrapper-intro {
  background-color: var(--sitecolor1);
  border: 5px groove var(--bordercolor);
  border-radius: 10px;
  padding: 10px;
  grid-column: 1 / span 2;
  grid-row: 1 / span 1;
}

main .wrapper-intro p {
  font-size: 20px;
  line-height: 20px;
  color: black;
}

main .divider {
  grid-column: 1 / span 2;
  grid-row: 2 / span 1;
  display: flex;
  justify-content: space-around;
}

main .divider img {
  width: 150px;
  height: 75px;
}

main .wrapper-friends {
  margin-top: 90px;
  background-color: var(--sitecolor1);
  border: 5px groove var(--bordercolor);
  border-radius: 10px;
  grid-column: 1 / span 2;
  grid-row: 2 / span 1;
  display: flex;
  justify-content: space-around;
}

main .wrapper-friends img {
  margin: 10px 10px 10px 10px;
  width: 100px;
  height: 50px;
}

main .wrapper-sidebar {
  border-radius: 10px;
  padding: 10px;
  grid-column: 3 / span 1;
  grid-row: 1 / span 3;
}

main .picture {
  margin-left: 30px;
  width: 200px;
  height: 200px;
  background-color: var(--sitecolor1);
  border: 5px outset var(--bordercolor);
  border-radius: 90px;
}

main .picture img {
  width: 300px;
  height: 200px;
}

main .name {
  margin-left: 50px;
  width: 200px;
  height: 100px;
}

main .wrapper-sidebar p {
  color: var(--hovercolor);
  margin-left: 100px;
}

main .blinkees {
  margin-top: 10px;
  width: 275px;
  height: 120px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

main .blinkees img {
  width: 130px;
  height: 20px;
}

main .tama {
  width: 100px;
  height: 100px;
  margin-left: 90px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
}