.contain{
    margin: 50px auto;
    width: 700px;
    color: rgb(156, 90, 90);
}

.grid {
    display: grid;
    grid-template-columns: center(3, 1fr);
    grid-template-rows: center(3, 1fr);
    font-size: 20px;
    background-image: url("shadow.png");
    background-size: 900px;
    padding-right: 25px;
    gap: 25px;
}

.pfp {
    grid-column-start: 1;
    grid-row-start: 1;
    width: 143px;
    height: 150px;
}

.nav {
    grid-row: span 2 / span 2;
    grid-column-start: 1;
    grid-row-start: 2;
    width: 155px;
    height: 270px;
    justify-self: center;
    align-self: center;
    padding: 10px;
}

.content {
    grid-column: span 2 / span 2;
    grid-row: span 3 / span 3;
    grid-column-start: 2;
    grid-row-start: 1;
    padding: 15px;
    width: 400px;
    height: 460px;
    border-left: solid black 3px;
    border: solid black 3px;
}

.contentscroll {
    overflow-y: scroll;
    height: 380px;
    width: 460px;
}

.righttext {
    text-align: right;
}

a:link {
    color: rgb(156, 90, 90);
    text-decoration: none;
}

a:hover {
    color: rgb(101, 55, 55);
}

.center {
    text-align: center;
}