@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;500;700&display=swap');

:root {
    --ox-color: #e8b61f;
    --ox-background: #1e2639;
    --ox-a-color: #212529;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;500;700&display=swap');

body{font-weight: 500; font-family: "Exo 2", system-ui, sans-serif; padding-top: 60px; height: 100vh; min-width: 360px; color: #000; background: var(--ox-background);}

nav#nav-website {height: 60px; border-bottom: 1px solid rgba(255,255,255,.0); background: rgba(0,0,0,.25) !important; -webkit-backdrop-filter: saturate(180%) blur(8px); backdrop-filter: saturate(180%) blur(8px); position: fixed; top: 0; width: 100%; z-index:1000;}
nav#nav-website ul .nav-link {margin-right: 1rem;}

nav#nav-website ul .nav-link .bi {margin-right: .4rem;}

.navbar-toggler {border: 0; opacity: .8; box-shadow: none !important;}
/*.navbar-toggler-icon {background-size: 80%; background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23f3f5f8%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20383.05%20383.09%22%20style%3D%22enable-background%3Anew%200%200%20383.05%20383.09%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M287.02%2C71.96c-5.82%2C0-11.64-0.13-17.46%2C0.04c-5.96%2C0.17-10.05-2.36-12.95-7.52c-5.94-10.55-12.11-20.96-18.07-31.5%0A%09%09c-1.15-2.04-2.55-3.28-4.82-3.83c-27.61-6.67-55.2-7.15-82.85-0.17c-2.82%2C0.71-4.56%2C2.08-5.97%2C4.56%0A%09%09c-5.87%2C10.4-12.01%2C20.64-17.85%2C31.06c-2.92%2C5.21-7.08%2C7.46-13%2C7.41c-14.63-0.13-29.26%2C0-43.89%2C0.01%0A%09%09c-5.8%2C0.01-10.15-2.63-11.96-7.22c-1.87-4.74-0.72-9.76%2C3.47-13.59C90.88%2C24.53%2C124.89%2C7.81%2C164.15%2C2.04%0A%09%09c96.1-14.13%2C183.81%2C46.75%2C210.6%2C133.97c32.28%2C105.09-32.73%2C218.46-139.82%2C242.27C129.71%2C401.66%2C28.42%2C337.77%2C4.51%2C232.75%0A%09%09c-6.14-26.96-5.85-54.07-0.12-81.11c1.48-6.99%2C5.09-11.08%2C10.59-11.67c6.22-0.66%2C10.24%2C2.55%2C13.21%2C7.81%0A%09%09c6.52%2C11.55%2C13.08%2C23.09%2C19.97%2C34.42c4%2C6.58%2C3.91%2C12.57-0.09%2C19.09c-5.89%2C9.61-11.31%2C19.51-17.07%2C29.21%0A%09%09c-1.29%2C2.17-1.56%2C4.11-0.84%2C6.51c8.1%2C27.01%2C21.55%2C50.91%2C41.14%2C71.3c2.11%2C2.2%2C4.16%2C3.21%2C7.29%2C3.16c11.8-0.2%2C23.61%2C0.01%2C35.41-0.12%0A%09%09c5.75-0.07%2C9.78%2C2.29%2C12.61%2C7.24c6.02%2C10.5%2C12.22%2C20.9%2C18.24%2C31.41c1.15%2C2.01%2C2.53%2C3.08%2C4.84%2C3.69%0A%09%09c27.93%2C7.41%2C55.82%2C7.21%2C83.77%2C0.15c2.45-0.62%2C3.95-1.85%2C5.2-4.04c5.91-10.38%2C12.07-20.61%2C17.97-30.99%0A%09%09c2.92-5.15%2C7.03-7.55%2C12.99-7.47c11.8%2C0.16%2C23.61-0.04%2C35.41%2C0.11c2.9%2C0.04%2C4.86-0.86%2C6.87-2.95c19.62-20.36%2C33.3-44.1%2C41.2-71.23%0A%09%09c0.86-2.96%2C0.45-5.29-1.12-7.89c-5.92-9.79-11.55-19.76-17.45-29.56c-3.35-5.56-3.31-10.81%2C0.04-16.36c6-9.94%2C11.71-20.05%2C17.69-30%0A%09%09c1.4-2.32%2C1.67-4.42%2C0.95-6.98c-7.81-27.75-21.9-51.81-42.04-72.39c-1.49-1.53-3.01-2.24-5.19-2.19%0A%09%09C299.66%2C72.05%2C293.34%2C71.96%2C287.02%2C71.96z%22%2F%3E%0A%09%3Cpath%20d%3D%22M192.19%2C251.54c-8.81%2C0-17.62-0.11-26.43%2C0.04c-5.72%2C0.1-9.83-2.16-12.66-7.14c-8.62-15.13-17.29-30.23-26.03-45.28%0A%09%09c-2.96-5.1-2.92-9.93%2C0.04-15.02c8.75-15.05%2C17.41-30.16%2C26.04-45.28c2.73-4.78%2C6.65-7.09%2C12.2-7.06%0A%09%09c17.62%2C0.08%2C35.24%2C0.07%2C52.86%2C0.01c5.51-0.02%2C9.63%2C2.28%2C12.34%2C6.97c8.89%2C15.35%2C17.74%2C30.73%2C26.55%2C46.13%0A%09%09c2.6%2C4.55%2C2.52%2C9.18-0.09%2C13.73c-8.83%2C15.38-17.68%2C30.76-26.52%2C46.15c-2.63%2C4.58-6.52%2C6.84-11.86%2C6.79%0A%09%09C209.81%2C251.48%2C201%2C251.54%2C192.19%2C251.54z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");}*/

#betmenu {background: var(--ox-color) !important; max-width: 360px;}
#betmenu .list-group a.off-menu-item {font-size: 1.2rem; text-decoration: none; color: var(--ox-a-color); text-transform: uppercase;}
#betmenu .list-group .list-group-item {background: transparent; padding-top: 1rem; padding-bottom: 1rem;}

.preloader {background: var(--ox-background); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; display: flex; flex-direction: column; justify-content: space-between; }

.preloader ._loading {background: transparent; height: 100%; display: flex; align-items: center; justify-content: center; color: #ccc;}
.preloader ._loading .icon-loader {font-size: 3rem; color: var(--ox-color);}
.preloader ._logo {background: transparent; height: 100px; display: flex; align-items: center; justify-content: center;}
/*.preloader ._logo img {opacity: .65;}*/

section._artwork { height: 380px; background: #000; display:flex; align-items: center;}
section._artwork > .container { display:flex; align-items: center; height: 100%;}
section._artwork ._text { width: 50%; padding-right: 1rem; position: relative; z-index: 2;} 
section._artwork ._text h4 { color: #fff; font-size: 3.2rem; line-height: 1; }
section._artwork ._img {  width: 50%; height: 100%; position: relative}
section._artwork ._img > div { position: relative; z-index: 1; height: 100%; background-color: transparent; background-repeat: no-repeat; background-position: center bottom; background-size: contain; }

/*section._artwork ._img::before { content: ""; opacity: .75; width: 100%; max-width: 160px; border-radius: 50%; filter: blur(20px); aspect-ratio: 1; background: var(--ox-color); position: absolute; z-index: 0; left: 50%; transform: translateX(-50%); }*/
._appinfo {
    margin-top: .36rem;
}

section.section {padding:2rem 0; color: #d3d5d8;}

.font-sm {font-size: 13.4px;}
.font-xs {font-size: 12px;}
._apps > div {padding: 1.4rem;background: rgba(0,0,0,.25);border-radius: 1rem;border: 0px solid rgba(255,255,255,.2);height: 430px;min-width: 256px;max-width: 320px;display: flex;flex-direction: column;justify-content: space-between}
._apps {-ms-overflow-style: none;scrollbar-width: none;margin-top: 0rem;display: flex;flex-wrap: nowrap;overflow-x: auto; padding: 1rem 0 1rem 0 !important; gap: 1.4rem;-webkit-overflow-scrolling: touch;}
._apps::-webkit-scrollbar { display: none; }
._appinfo h1 {font-size: 1.8rem; font-weight: 500; line-height: 1; }
._appdescription {line-height: 1.2;}

/*._apps::-webkit-scrollbar { display: none; }*/

.btn-download span {width: 100%;}

.badge {line-height: .64em;}
._isnew, ._appversion {opacity: .75;}

.section-title {font-size: 1.72rem;}

footer.footer { border: 1px solid rgba(255,255,255,.05); }

a * {pointer-events: none; }

@media (min-width: 300px) and (max-width: 720px) {
    ._apps > div { gap: 1.6rem; }
    section._artwork ._text h4  { font-size: 2rem; }
    section._artwork ._img > div { background-size: cover;  background-position: left top;}
    
    .section-title {font-size: 1.4rem;}
    
    section._artwork > .container {margin: 0 !important; padding-left: 2rem !important; padding-right: 0; max-width: 100% !important;}
    
    section._artwork ._img { position: absolute; right: 0; }
}

footer a {color: inherit !important; text-decoration: none;}
footer a:hover {text-decoration: underline;}