@font-face {
    font-family: 'Savoye LET';
    src: url('/static/fonts/savoyelet/SavoyeLetPlainCC.ttf') format("truetype"),
        url('/static/fonts/savoyelet/SavoyeLetPlainCC.woff') format("woff"),
        url('/static/fonts/savoyelet/SavoyeLetPlainCC.woff2') format("woff2");
}

@font-face {
    font-family: 'Trattatello';
    src: url('/static/fonts/trattatello/Trattatello.ttf') format("truetype");
}

:root {
    --723-text: #f6e870;
    --723-background-color: rgb(228, 148, 25);
    --723-card-color-light: rgb(150, 119, 55);
    --723-card-color-dark: rgb(51, 34, 14);
    --723-inner-color: rgba(171, 125, 39, 0.75);
}

.profile-723 .profile-title {
    color: var(--723-text);
    font-family: "Savoye LET";
}

.profile-723 .profile-text {
    color: #FFF;
    font-family: "Trattatello";
}

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

.profile-723 .profile-button:hover {
    background-color: var(--723-card-color-dark);
}

/* Gold background */
.profile-723 > video,
.profile-723 > [style*="background-image"] {
    filter: sepia(1) contrast(3);
}

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

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