@import url(../main-css/header.css?v=33);
@import url(./css/market.css?v=24);
@import url(./css/main-skin-shop.css?v=55);
@import url(../main-css/footer.css?v=10);
@import url(../main-css/welcome.css);
@import url(../main-css/log-out.css);
@import url(../main-css/loading.css?=24);
@import url(../main-css/messages.css);
@import url(../main-css/comfirm-buy.css?v=1);
@import url(../main-css/show-skins.css?v=2);

*{
    padding: 0;
    margin: 0;
    
}

body{
    background:
        radial-gradient(1200px 500px at 50% -15%, rgba(178, 40, 240, 0.07), transparent 60%),
        var(--bg-page, #16121d);
       /* background: #0f0f0f; */
    /* height: 1000px; */
}
html {
  scroll-behavior: smooth;
}
body::-webkit-scrollbar {
  background: rgba(255, 255, 255, 0.3);
  width: 3px;
}
body::-webkit-scrollbar-thumb {
  background: #ffffffdc; 
}
@font-face {
    font-family: "IRANSans";
    src: url("../font/ttf/IRANSansWeb_UltraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

/* IRANSans Light */
@font-face {
    font-family: "IRANSans";
    src: url("../font/ttf/IRANSansWeb_Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

/* IRANSans Regular */
@font-face {
    font-family: "IRANSans";
    src: url("../font/ttf/IRANSansWeb.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

/* IRANSans Medium */
@font-face {
    font-family: "IRANSans";
    src: url("../font/ttf/IRANSansWeb_Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

/* IRANSans Bold */
@font-face {
    font-family: "IRANSans";
    src: url("../font/ttf/IRANSansWeb_Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: open;
    src: url(../Open_Sans/OpenSans-Italic-VariableFont_wdth\,wght.ttf);
}



@font-face {
    font-family: "Bebas";
    src: url("../fonts/BebasNeue-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

/* Peyda */

@font-face {
    font-family: "Peyda";
    src: url("../fonts/peyda/peyda-thin.ttf") format("truetype");
    font-weight: 100;
}

@font-face {
    font-family: "Peyda";
    src: url("../fonts/peyda/peyda-extralight.ttf") format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: "Peyda";
    src: url("../fonts/peyda/peyda-light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Peyda";
    src: url("../fonts/peyda/Peyda-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Peyda";
    src: url("../fonts/peyda/Peyda-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Peyda";
    src: url("../fonts/peyda/Peyda-SemiBold.ttf") format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "Peyda";
    src: url("../fonts/peyda/Peyda-Bold.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: "Peyda";
    src: url("../fonts/peyda/Peyda-ExtraBold.ttf") format("truetype");
    font-weight: 800;
}

@font-face {
    font-family: "Peyda";
    src: url("../fonts/peyda/Peyda-Black.ttf") format("truetype");
    font-weight: 900;
}

/* Estedad */

@font-face {
    font-family: "Estedad";
    src: url("../fonts/estedad/Estedad-Thin.ttf") format("truetype");
    font-weight: 100;
}

@font-face {
    font-family: "Estedad";
    src: url("../fonts/estedad/Estedad-ExtraLight.ttf") format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: "Estedad";
    src: url("../fonts/estedad/Estedad-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Estedad";
    src: url("../fonts/estedad/Estedad-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Estedad";
    src: url("../fonts/estedad/Estedad-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Estedad";
    src: url("../fonts/estedad/Estedad-SemiBold.ttf") format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "Estedad";
    src: url("../fonts/estedad/Estedad-Bold.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: "Estedad";
    src: url("../fonts/estedad/Estedad-ExtraBold.ttf") format("truetype");
    font-weight: 800;
}

@font-face {
    font-family: "Estedad";
    src: url("../fonts/estedad/Estedad-Black.ttf") format("truetype");
    font-weight: 900;
}
:root{
    --dark-color: #222222;
}
@font-face {
    font-family: "Estedad";
    src: url("../fonts/estedad/Estedad-ExtraBold.ttf") format("truetype");
    font-weight: 800;
}

@font-face {
    font-family: "Estedad";
    src: url("../fonts/estedad/Estedad-Black.ttf") format("truetype");
    font-weight: 900;
}
:root{
    --dark-color: #222222;
}

/* Vazirmatn */

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/wazir/Vazirmatn-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/wazir/Vazirmatn-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/wazir/Vazirmatn-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/wazir/Vazirmatn-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/wazir/Vazirmatn-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/wazir/Vazirmatn-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/wazir/Vazirmatn-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/wazir/Vazirmatn-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/wazir/Vazirmatn-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}