::-webkit-scrollbar {
    width: .6em;
}

.bg {
    border: 1px solid var(--border);
    padding-top: 0;
}

.row {
    gap: .6em;
}

h5 {
    display: block;
    justify-self: start;
    margin-bottom: .6em;
}

#socials {
    display: flex;
    gap: .4em;
}

#header-img {
    background: url(https://file.garden/ZdkezegxzVCR-6D7/neocities/backgrounds/greenplaid.png) repeat center / 55%;
    height: 60px;
    box-shadow: inset 0px -4px 2px var(--bg);
    border: 1px solid var(--border);
    border-bottom: 0;
}

#icon {
    aspect-ratio: 1/1;
    width: 85px;
    margin-top: -4em;
    outline: 4px solid var(--bg);
    margin-bottom: 0;
}

.row {
    border-top: 0;
}

#pagedoll {
    width: 50px;
    float: left;
    margin: 0 1em 0 .1em;
}

#about {
    display: flex;
    flex: 1 1 0;
    flex-flow: column wrap;
    justify-content: space-between;
}

.bg-alt {
    margin-top: 0;
    border-top: 0;
    padding-right: 0;
    max-height: 160px;
    overflow-y: auto;
    padding-right: .6em;
}

.fa-clover {
    rotate: 45deg;
    color:  var(--green);
}

/* blog */
.blog-entry {
    display: block;
    border-bottom: 1px dashed var(--border);
    padding-bottom: .6em;
    margin-bottom: .6em;
}

.blog-entry:nth-last-child(-n+1) {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}