@font-face {
    font-family: 'Academy Engraved';
    src: url('/static/fonts/academyengraved/Academy_Engraved_LET_Fonts.ttf') format("truetype");
}
@font-face {
    font-family: 'KellySlab';
    src: url('/static/fonts/kellyslab/KellySlab-Regular.ttf') format("truetype");
}

:root {
    --724-text: #fff;
    --724-background-color: #AAA;
    --724-card-color-light: #888;
    --724-card-color-dark: #666;
    --724-inner-color: rgba(51, 51, 51, 0.75);
}

.profile-724 .profile-title {
    color: var(--724-text);
    font-family: "Academy Engraved";
}

.profile-724 .profile-text {
    color: #FFF;
    font-family: "KellySlab";
}

.profile-724 .profile-inner {
    background-color: var(--724-inner-color);
}

.profile-724 .profile-button:hover {
    background-color: var(--724-card-color-light);
}

/* Silver background */
.profile-724 > video,
.profile-724 > [style*="background-image"] {
    filter: grayscale(1) contrast(2);
}

div.profile-724.profile-background {
    background-color: var(--724-background-color);
}

/* position: absolute stuffs at background-bar */
#main-container div.profile-724.profile-background:before,
.profile-724 .profile-extras:before {
    background: radial-gradient(2000px 2000px at 0px 500px, var(--724-card-color-light) 0%, var(--724-card-color-dark) 100%);
}