.content {
    display: grid;
    grid-template-areas:
        "main main profile"
        "updates misc misc";
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1.5fr 1fr;
    gap: 10px;
    background-color: var(--body);
    padding: 5px;

    outline: 3px solid var(--main);
	  outline-offset: -3px;
}

.content > div {
  background-color: var(--body);
  outline: 3px dashed var(--main);
}
.content > div.main {
  grid-area: main;
}

.content > div.profile {
  grid-area: profile;
  text-align: center;
}
.content > div.updates {
  grid-area: updates;
}
.content > div.misc {
  grid-area: misc;
}