:root {
    --bg-image-offset-x: center;
    --bg-image-offset-y: bottom;
    --bg-image-overlay-color: hsla(0, 0%, 0%, .5);

    --link-color--normal: hsla(0, 0%, 0%, 1);
    --link-color--hover: hsla(0, 0%, 0%, 1);

    --font-size: 18px;
    --line-height: 1.25em;
    --text-color: #f8c8f9;

    --main-content-width: 500px;

    --profile-name-text-size: 2.2rem;
    --profile-name-text-color: #fff;
    --profile-name-text-shadow: 5px 5px 9px hsla(0, 0%, 0%, 0.35);

    --profile-image-size: 10rem;
    --profile-image-border-thickness: 3px;
    --profile-image-border-color: hsla(90, 78%, 45%, .85);
    --profile-image-shadow: 0 0 8px -2px hsla(96, 78%, 50%, .25),
    0 0 10px -3px hsla(96, 78%, 80%, .35);
    --profile-image-offset-x: center;
    --profile-image-offset-y: top;

    --link-sub-title-disply: initial;
    --link-border-thickness: 3px;
    --link-title-size: 1rem;
    --link-sub-title-size: .8rem;

    --content-position: flex-end;
}

@media screen and (min-width: 768px) {
    :root {
        --bg-image-offset-y: bottom;
        --content-position: center;

        --profile-image-size: 16rem;
    }
}