body {
    overflow-x: hidden !important;
}

html {
overflow-x:hidden;
width:100vw
}

button {
cursor:pointer
}

.noDecoration {
margin:15px 50px;
text-decoration:none;
color:inherit;
width:fit-content
}

body {
overflow:overlay
}

::-webkit-scrollbar {
width:10px;
height:10px
}

::-webkit-scrollbar-thumb {
background:rgba(90,90,90)
}

::-webkit-scrollbar-track {
background:rgba(0,0,0,0.2)
}

::-webkit-scrollbar-thumb {
-webkit-border-radius:25px;
background:rgba(0,0,0,0.2);
border-radius:25px
}

* {
margin:0;
padding:0;
font-family:'Inter',sans-serif;
box-sizing:border-box
}

body {
color:#fff;
font-family:"Inter";
width:100%
}

.banner {
width:100%;
height:100vh;
position:relative;
z-index:4;
overflow:hidden
}

.banner .myBg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.75)),url(/static/images/background.jpg);
background-size:cover;
background-position:center;
z-index:-1;
transition:transform .2s ease-out;
scale:1.18;
transform-origin:top 20%
}

.banner .myBg::after {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:radial-gradient(at center,transparent,#000a)
}

.blurBg {
    backdrop-filter: blur(1000px);
}