body {
    background: url("/static/image/bg.jpg") no-repeat center center fixed;
    background-size: cover;
}

#card {
    font-family: "Noto Sans", "SF Pro Display", sans-serif;
    font-weight: lighter;
}

@media (max-width: 1024px) {
    #card {
        position: absolute;
        bottom: 24px;
        right: 24px;
        left: 24px;
        backdrop-filter: blur(4px);
        color: aliceblue;
    }

    br {
        width: 100%;
    }

}

@media (min-width: 1024px) {
    #card {
        position: absolute;
        bottom: 24px;
        right: 36px;
        backdrop-filter: blur(12px);
        color: aliceblue;
        width: 480px;
    }

    br {
        width: 480px;
    }
}

#card-content {
    padding: 12px;
}

.fa {
    width: 32px;
}

a {
    color: aliceblue;
}