:root {
  --platinum: #eae6e5ff;
  --mountbatten-pink: #9e7682ff;
  --bittersweet: #fe5f55ff;
  --sea-green: #519872ff;
  --gunmetal: #2b3d41ff;

  background-color: var(--platinum);
}

a:link {
  color: var(--sea-green);
  text-decoration: none;
}

a:visited {
  color: var(--mountbatten-pink);
  text-decoration: none;
}


p,
h1,
h2,
li {
  color: var(--gunmetal);
}


.main_wrapper {
  display: grid;
  gap: 10px 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 2fr 1fr;
}

.main_wrapper>* {
  border: 3px dashed var(--gunmetal);
  border-radius: 14px;
}

hr.solid {
  border-top: 4px black var(--gunmetal);
}

.about {
  height: 19em;
  grid-column: 2 /3;
  border: 4px solid var(--gunmetal);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 60px 2fr 4fr;
}

.about>.banner {
  border-bottom: 4px solid var(--gunmetal);
  grid-row: 1 / span 1;
  grid-column: 1 /span 2;
  text-align: center;
}

.about>.banner>* {
  padding-top: 10px;
  margin: auto;
}

.about>.main_info {
  grid-row: 2 / span 1;
  padding: 4px;
  border-bottom: 4px solid var(--gunmetal);
  grid-column: 1 / span 2;
}

.about>.l_info {
  grid-row: 3 / span 1;
  grid-column: 1 / span 1;
  border-right: 2px solid var(--gunmetal);
}

.about>.l_info>* {
  margin: auto;
  padding: 4px;
}

.about>.l_info>ul {
  padding-left: 10%;
}

.about>.r_info {
  grid-row: 3 / span 1;
  grid-column: 2 / span 1;
  border-left: 2px solid var(--gunmetal);
}

.about>.r_info>* {
  margin: auto;
  padding: 4px;
}

.other {
  grid-row: 2/2;
  grid-column: 3;
}

.nav_wrapper {
  border: none;
  grid-row: 1 /3;
}

.nav_spacer {
  height: 12em;
}

.nav_core {
  border: 4px solid var(--gunmetal);
}

.blog_up {
  border: 4px solid var(--gunmetal);
  grid-row: 2 /4;
  grid-column: 2 / 3;
  height: 30em;
}

.update_header {
  color: var(--gunmetal);
  border-bottom: 4px solid var(--gunmetal);
}

.update_entry {
  border-bottom: 4px solid var(--gunmetal);
}