html{
    width: 100%;
    height: auto;
}
body{
    width: 100%;
    height:auto;
    margin: 0;
    direction: ltr;
    overflow-y: scroll;
    background: var(--NewBody);
    background-size: cover;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
}
.NewBody::-webkit-scrollbar{
    width: 15px;
}
.NewBody::-webkit-scrollbar-track{
 background-color:var(--scrollbarBg);
}
.NewBody::-webkit-scrollbar-thumb{
    background:var(--scrollbarThumb);
    border-radius: 10px;
}
.NewWeb{
    width: 100%;
    height: auto;
    direction: ltr;
    position: relative;
    z-index: 2;
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    font-style: var(--font-style);
    color: #ffffff;
}
.NewHeader{
    overflow: hidden;
    width: 100%;
    max-width:2560px;
    height: auto;
    position: fixed;
    z-index: 120;
}
.header{
    overflow: hidden;
    width: auto;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 2px solid var(--NewBorder);
    background-color: var(--newHeader);
    border-radius: 0 0 20px 20px;
}
.headerLeft{
    width:auto;
    height: auto;
    overflow: hidden;
    margin-left: 570px;
}
.layout{
    position: relative;
    z-index:3;
    width:600px;
    height:auto;
    margin: 0px auto 0px 0px;
    padding: 0 15px 0 15px ;
}
.leftContener{
    overflow: hidden;
    position: fixed;
    z-index:2;
    width: 570px;
    height: 100%;
}
.rigintContner{
    overflow: hidden;
    position: fixed;
    z-index: 3;
    width: 525px;
    height: 100%;
    top: 0;
    left:1200px;
}
.footer{
    width: 100%;
    overflow: hidden;
    max-width: 2560px;
    height:auto;
    z-index: 4;
    position: fixed;
    bottom: 0;
}
.Newfotter{
    overflow: hidden;
    width: auto;
    height:auto;
    padding-top:10px;
    padding-bottom: 10px;
    border: 2px solid var(--NewBorder);
    border-radius: 20px 20px 0 0 ;
    background-color: var(--newHeader);
}
.body{
    position: relative;
    z-index:4;
    overflow: hidden;
    width:auto;
    height:auto;
    margin-left: 570px;
}
header{
    overflow: hidden;
    display: flex;
}
.newIcon{
    overflow: hidden;
    width:auto;
    height: 35px;
}
.icon{
    width: auto;
    overflow: hidden;
    display: flex; 
}
a , h1{
    color:var(--color-text);
    display: block;
    margin: 0;
    overflow: hidden;
    text-decoration: none;
}
main{
    overflow: hidden;
}
.wrap{
    width: auto;
    height: auto;
    overflow: hidden;
    margin-top: 72px;
    padding-top: 15px;
}
.wrap2{
    width: auto;
    margin-bottom: 45px;
    height: auto;
    overflow: hidden;
}
.wrap3{
    width: 230px;
    height: auto;
    margin-left:150px;
    padding-left: 15px;
}
.wrap4{
    overflow: hidden;
    width: auto;
    height: 19px;
    padding-right: 15px;
    margin-right: 10px;
    margin-left:10px;
    padding-left: 15px;
}
.content{
    position: relative;
    width:auto;
    height: auto;
    max-width:596px;
    border: 2px solid var(--NewBorder);
    background-color: var(--NewContener);
    border-radius:20px;
    margin-top:10px;
    margin-bottom: 10px;
}
.videoContent{
    position: relative;
    z-index: 5;
    direction: ltr;
    overflow: hidden;
    border-radius: 20px;
}
.videofilter{
    width:auto;
    position: relative;
    top: 0%;
    left: 0%;
    transform: translate(0%,0%);
    z-index: 6;
    max-width: 596px;
    border-radius: 20px;
    height: 760px;
    margin-bottom: -4px;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    filter: blur(40px);
    overflow: hidden;
}
video{
    position:absolute;
    z-index: 7;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width:auto;
    max-width:596px;
    border-radius: 20px;
    height: 760px;
    margin-bottom: -4px;
    min-width: 50%;
    min-height: 100%;
    object-fit: cover;
    overflow: hidden;
}
.playVideo{
    object-fit: contain;
}
ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
li{
    margin-top:10px;
    margin-bottom: 10px;
}
.displayfix_menu{
    display: flex;
    gap: 10px;
    text-decoration: none;
    color: #ffffff;
}
.Andverstik{
    margin-bottom:10px;
    overflow: hidden;
    width:auto;
    height: auto;
    margin-top: 10px;
    background-color: var(--NewContener);
    border: 2px solid var(--NewBorder);
    border-radius: 20px;
    position: relative;
}
.AndverstikVid{
    overflow: hidden;
    width: auto;
    height:auto;
    max-height:250px;
    min-height:100%;
    min-width: 100%;
    position: relative;
    top:0%;
    right: 0%;
    transform: translate(-50% , 0%);
    z-index: 1;
}
.textAdverH{
    overflow: hidden;
    width:auto;
    height:auto;
    padding: 2px;
    border: 2px solid var(--NewBorder);
    border-radius: 10px;
    background:var(--rgba-Cover);
    position:fixed;
    margin-top: 10px;
    margin-left: 10px;
    z-index: 4;
}
.textpAdvers{
    width: 430px;
    height:auto;
    background: var(--rgba-Cover);
    min-height: auto;
    border:solid 1px var(--rgba-Cover);
    border-radius: 20px;
    overflow: hidden;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index: 5;
}
.constVidContener{
    position:absolute;
    z-index: 6;
    right: 0%;
    top: 30%;
    padding-right:10px;
    padding-left: 10px;
    width:auto;
    height:auto;
    overflow: hidden;
}
.constsvgV{
    height: 44px;
}
.constvV{
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}
.linksVC{
    position: relative;
    overflow: hidden;
    width: auto;
    height: 40px;
    border: 2px solid var(--NewBorder);
    border-radius: 10px;
}
.imgVideoConst{
    width:40px;
    height:40px;
    overflow: hidden;
}
:root {
    --newHeader: #313131;
    --NewBody:#484848;
    --NewContener: #444444;
    --NewBorder: #505050;
    --white: rgb(255, 255, 255, 0.5);
    --red: rgba(255, 0, 0, 0.5);
    --blue: rgb(0, 38, 255, 0.5);
    --DeepPink: rgba(255, 20, 147, 0.5);
    --BlueViolet: rgba(138, 43, 226, 0.5);
    --HotPink: rgba(255, 105, 180, 0.5);
    --color-text: #ffffff;
    --color-link-text: #f859d6;
    --color-button: #9455d4;
    --rgba-Cover: rgba(0, 0, 0, 0.5);
    --mobli-cover_filter: rgba(0, 0, 0, 0.4);
    --filter-Rus: hue-rotate(344deg);
    --liheral-gradientRus: linear-gradient(rgba(255, 255, 255, 0.658),rgba(255, 0, 0, 0.5),rgb(0, 38, 255, 0.5));
    --liheral-gradient: linear-gradient(310deg, rgb(157, 55, 240),rgb(232, 47, 235), rgb(142, 79, 252) 60% );
    --liheral-gradient-pup: linear-gradient(310deg, rgba(157, 55, 240, 1),rgba(231, 47, 235, 1), rgba(131, 59, 255, 1) 60% );
    --text-color_ide: #8f8f8f;
    --layout: 1200px;
    --Collection_Layout: 940px;
    --Video_Layout: 1200px;
    --layout-album: 960px;
    --layout-Audio: 940px;
    --border-radius-audio: 10px;
    --font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', Geneva, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-style: normal;
    --font-variant: normal;
    --font-weight: 400;
    --font-size: 16px;
    --scrollbarBg: #313131;
    --scrollbarThumb: #ffffff;
    --scrollbarWidth: 15px;
    --scrollbarBorder: 4px solid var(--scrollbarBg);
    --scrollbarBorderRadius: calc(var(--scrollbarWidth) / 2);
}