#home { 
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/bg/BG_Portrait.png"); 
}
.vertical-bar {
    animation: blink 1s infinite;
    padding: 1px !important;
    margin-left: 5px;
}
@keyframes blink { 50% { opacity: 0; } }
#home-social-box { margin-bottom: calc(50vh / 2); }
#home-title {
    margin-top: 40px;
    margin-bottom: 56px;
}
.social-link { font-size: 20px; }
.social-link:hover { color: var(--grey-3); }
#avatar-card {
    width: 444px;
    height: 666px;
    right: 198px;
    /* bottom: 50px; */
    bottom: calc(10px + 5vh);
    mix-blend-mode: hard-light;
}
#avatar {
    background-image: url("../img/image/Portrait2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
#scroll-home { bottom: 25px; }
.small-dot {
    width: 2px;
    height: 3px;
    border-radius: 1px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.big-dot {
    width: 2px;
    height: 7px;
    border-radius: 1px;
    margin-top: 3px;
    margin-bottom: 3px;
}
#scroll-home i { font-size: 35px; }
.scroll-text {
    margin-bottom: 4px;
    margin-top: 4px;
}