.title {
display: grid;
background-color: #811446;
justify-items: center;
align-items: center;
}

.welcome {
display: grid;
background-color: #50607a;
padding: 20px;
justify-items: center;
align-items: center;
}

.christine {
display: grid;
background-color: #f762dd;
padding: 10px;
justify-content: center;
align-items: stretch;
}

.bottom {
display: grid;
border: 2px solid #000000;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
background-color: #bfbfbb;
gap: 1em;
padding: 20px;
justify-items: center;
align-items: center;
}

.bio {
display: flex;
background-color: #447a54;
flex-direction: column;
padding: 10px;
justify-items: center;
align-items: center;
}

.pix {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: 40px 219px;
background-color: #447a54;
gap: 1em;
padding: 10px;
justify-items: center;
align-items: center;
grid-template-areas:
"t t t t t t t"
"l m m m m m r"
;
}

.pixt {
grid-area: t;
}

.pixl {
display: flex;
flex-direction: column;
grid-area: l;
}

.pixm {
display: flex;
grid-area: m;
}

.pixr {
display: flex;
flex-direction: column;
grid-area: r;
}

.linux {
background-color: #447a54;
display: flex;
padding: 10px;
flex-direction: column;
justify-items: center;
align-items: center;
}

.footer {
display: grid;
padding: 10px;
background-color: #447a54;
grid-template-columns: 1fr 1fr;
}

.rocky {
}

.apache {
justify-self: end;
}