.page {
    margin: 25px auto;
    width: 700px;
    padding: 15px;
    align-items: center;
    justify-items: center;
    border: solid  rgb(255, 232, 239) 3px;
    color: rgb(216, 166, 182);
    border-radius: 15px;
    box-shadow: 0 0 20px 5px rgb(255, 232, 239);
}


.parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: center(7, 1fr);
    gap: 8px;
    width: 700px;
}
    
.search {
    grid-column: span 3 / span 3;
    align-items: center;
    justify-items: center;
    background-color: rgb(255, 232, 239);
    border-radius: 15px;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.banner {
    grid-column: span 3 / span 3;
    grid-row-start: 2;
    align-items: center;
    justify-items: center;
    background-color: white;
}

.pfp {
    grid-row-start: 3;
    align-self: center;
    justify-self: center;
    background-color: rgb(255, 232, 239);
    width: 200px;
    height: 200px;
}

.bio {
    grid-row-start: 3;
    align-items: center;
    justify-items: center;
    background-color: white;
    width: 290px;
    height: 200px;
}

.images1 {
    grid-row-start: 3;
    align-items: center;
    justify-items: center;
    background-color: white;
    width: 200px;
    height: 200px;
}

.quote1 {
    grid-column: span 3 / span 3;
    align-items: center;
    justify-items: center;
    text-align: center;
}

.interests1 {
    grid-row-start: 5;
    align-items: center;
    justify-items: center;
    background-color: white;
    width: 200px;
    height: 200px;
}

.interests2 {
    grid-row-start: 5;
    align-items: center;
    justify-items: center;
    background-color: white;
    width: 290px;
    height: 200px;
}

.colors {
    grid-row-start: 5;
    align-items: center;
    justify-items: center;
    background-color: white;
    width: 200px;
    height: 260px;

}

.quote2 {
    grid-column: span 3 / span 3;
    align-items: center;
    justify-items: center;
    background-color: white;
    text-align: center;
}

.images2 {
    grid-row-start: 7;
    align-items: center;
    justify-items: center;
    background-color: white;
    width: 200px;
    height: 200px;
}

.byi {
    grid-row-start: 7;
    align-items: center;
    justify-items: center;
    background-color: white;
    width: 290px;
    height: 200px;
}

.nav {
    grid-row-start: 7;
    align-items: center;
    justify-items: center;
    background-color: white;
    width: 200px;
    height: 200px;
}

hr {
  border-top: 10px solid rgb(255, 232, 239);
  width: 700px;
}

.center {
    text-align: center;
}

.box {
    border: solid rgb(255, 232, 239) 3px;
    width: 190px;
    text-align: center;
}

.box2 {
    border: solid rgb(255, 232, 239) 3px;
    width: 270px;
    text-align: center;
}

.box3 {
    border: solid rgb(255, 232, 239) 3px;
    width: 160px;
    height: 140px;
    text-align: center;
    overflow-y: scroll;
    padding: 15px;
}

a:link {
    color: rgb(198, 162, 182);
    text-decoration: none;
}

a:hover {
    color: rgb(216, 166, 182);
}