@font-face {
    font-family: 'Be Vietnam Pro', sans-serif;
    src: url(/resources/fonts/BeVietnamPro-Regular.ttf) format('ttf');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Newsreader', serif;
    src: url(/resources/fonts/Newsreader-Regular.ttf) format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Red Hat Display', sans-serif;
    src: url(/resources/fonts/RedHatDisplay-Regular.ttf) format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Masked';
    src: url('/resources/fonts/password-dots.woff2') format('woff2'),
            url('/resources/fonts/password-dots.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 

:root {

    --asset-tile-background: url(/resources/images/ui/rvn_bird.svg) no-repeat center 85%/50%, linear-gradient(180deg, rgb(16, 26, 60) 0%, rgb(15, 20, 33) 100%);
    --wallet-card-background: url(/resources/images/ui/rvn_bird.svg) no-repeat center 50%/50%, linear-gradient(180deg, rgb(16, 26, 60) 0%, rgb(15, 20, 33) 100%);
    --ipfs-content-background: url(/resources/images/ui/ipfs.svg) no-repeat center 60%/50%, linear-gradient(180deg, rgb(16, 26, 60) 0%, rgb(15, 20, 33) 100%);
    --no-ipfs-background: url(/resources/images/ui/no_ipfs_icon.svg) no-repeat center 50%/25%;

    --asset-tile-size: 270px;

    --mobile-tile-size: 35vw;

    --body-background: radial-gradient(circle, rgba(1,1,6,1) 1%, rgb(4, 4, 39) 63%, rgba(0,0,0,1) 100%);
    --body-font: 'Be Vietnam Pro', sans-serif;

    --border-dark: #18355A;
    --border-yellow: #dfa804;
    --border-ravenist: #55d;
    --border-radius: 30px;
    --border-radius-btn: 10px;
    
    --button-border: #55d;
    --button-border-alt: linear-gradient(#F9F9F9, #F9F9F9), radial-gradient(circle at left top, #FFCF66, #FFBF34);
    --button-border-radius: 10px;
    --button-border-secondary: linear-gradient(#F9F9F9, #F9F9F9), radial-gradient(circle at left top, #55d, #55d);
    --blue-btn: linear-gradient(#0E2748, #0E2748), radial-gradient(circle at left top, #0E2748, #0E2748);

    --content-background: #dce0e4;

    --dialog-overlay: #18355AEE;
    
    --light-background: #F9F9F9;
    --mobile-pin: 35px;

    --nav-background: rgba(211, 210, 210, 0.13);
    --nav-height:110px;
    --nav-menu-width:20vw;

    --sequoir-color: #ae8bff;
    --sequoir-font: 'Newsreader', serif;

    --success-green: #66ff66;

    --transparent-white: #ffffff3f;
    --header-background: #33333399;
    --testnet-header-background: #63636399;
    
    
    --text-black: #000000;
    --text-dark: #0E2748;
    --text-light: #ffffff;
    --text-yellow: #e5ac2e;
    --text-raven: #f05239;

    --viewer-media-maxheight: 70vh;
    --viewer-media-maxwidth:80vw;
 
    --mobile-media-maxheight: 55vh;
}