#home-profile-pic {
    border: 2px dashed #fff;
    align-self: stretch;
}

#home-header {
    margin-block: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, .35);
    align-self: stretch;
}

#home-header img {
    image-rendering: crisp-edges;
    margin-inline-start: 6px;
}

.social {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 4px;
}

.social-icon {
    display: block;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    margin-inline-end: 4px;
}

.social-icon.github {
    background-image: url("/res/github.png");
}

.social-icon.youtube {
    background-image: url("/res/youtube.png");
}

.social-icon.twitter {
    background-image: url("/res/twitter.png");
}

.social-icon.bsky {
    background-image: url("/res/bsky.png");
}

.social-icon.winclassic {
    background-image: url("/res/winclassic.png");
}

.social-icon.discord {
    background-image: url("/res/discord.png");
}

@media not all and (max-resolution: 1dppx) {
    .social-icon.github {
        background-image: url("/res/github@2x.png");
    }
    
    .social-icon.youtube {
        background-image: url("/res/youtube@2x.png");
    }
    
    .social-icon.twitter {
        background-image: url("/res/twitter@2x.png");
    }

    .social-icon.bsky {
        background-image: url("/res/bsky@2x.png");
    }
    
    .social-icon.winclassic {
        background-image: url("/res/winclassic@2x.png");
    }
    
    .social-icon.discord {
        background-image: url("/res/discord@2x.png");
    }
}

.button-row:not(.last) {
    margin-block-end: 4px;
}

.button-row > a {
    margin-inline-end: 4px;
}