a:link {
  color: #9c7246;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #735434;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #d29b60;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #9c7246;
  background-color: transparent;
  text-decoration: underline;
}

.flex-container {
    display: flex;
    justify-content: center;
}


.container {
    font-family: ms pgothic;
    font-size: 22px;
    letter-spacing: 1px;
    max-width: 1000px;
    margin: 30px auto;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 250px minmax(0, 1fr);
}
header {
    border-radius: 15px;
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    background-color:#511e1ef5;
        color: #9c7246;
        font-size: 129px;
        text-align: right;
        font-family: Soulside;
        padding: 4px;
}

nav {
    border-radius: 6px;
    border: #9c7246 2px solid;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
    background-color: black;
        color: #9c7246;
}

main {
    border-radius: px;
    border: #9c7246 2px solid;
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    height: max-content;
    background-color: black;
        color: #9c7246;
}

footer {
    grid-row: 3 / 4;
    grid-column: 1 / 3;
}