.other {margin-left: 1em;}
.first {margin-right: 1em;}

.about {
    align-content: center;
}

.middle {
    display: flex;
    flex: 1;
    align-items: stretch;
    flex-direction: row;
}

.first,.other {
    flex-direction: column;
    width: 20%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.main {
    flex-direction: column;
    width: 60%;
    align-content: flex-start;
}

.links > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.blinkies > img {
    width: 80%;
    margin-top: 0.2em;
}

.links > div > p {
    display: flex;
    flex-direction: column;
}

.other > div {
    height: 100%;
    width: 100%;
}

.chat {
    max-height: 50%;
}

.more > div {
    margin: 1em;
}

.webrings,.blinkies {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
}

.webrings > div {
    margin-bottom: 1em;
}