@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');


@font-face {
  font-family: 'Anek_Bangla';
  src: url('/resource/font/anek-bangla.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}




:root{
--main-font: "Raleway", "Anek_Bangla";
--atbackground: rgba(0, 0, 0, 0.6);
--paobackground:rgba(27, 27, 27, 0.376);
}



html, body {
margin: 0 auto;
padding: 0;
overflow: auto;
align-items: center;
height: auto;
-webkit-overflow-scrolling: touch;
max-width: var(--max-width);
scroll-behavior: smooth;
zoom: 100%;
height: 100%; 
width: 100%;
}


* {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--main-font);
  max-width: var(--max-width);
  outline: none;
  -webkit-tap-highlight-color: transparent;
  background-color: black;
  /* background-image: url(https://i.pinimg.com/originals/5a/f1/f7/5af1f7230024abf57e8020427471018e.gif);
background-image: url(https://i.pinimg.com/736x/00/c2/01/00c201450536df1e1528fea80ff7fcf5.jpg); */
/* background-image: url(/resource/image/background/red/2.gif);   */
background-image: url(https://i.pinimg.com/1200x/2e/02/ac/2e02acf73a2bebf8027505bddb07fb83.jpg);
/* background-image: url(https://i.pinimg.com/originals/28/06/32/280632245663b095081f37cc49a0f17b.gif); */
background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
  font-family: var(--main-font);
  /* background-color: #121212;
  background-image: 
  radial-gradient(circle at 80% 20%, rgba(115, 183, 255, 0.15), transparent 40%),
  radial-gradient(circle at 20% 80%, rgba(0, 179, 255, 0.386), transparent 40%);
  background-attachment: fixed; */
}


body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(64px);
  z-index: -1;
background-color: var(--atbackground);
}

img {
touch-action: auto;            
user-select: none;              
-webkit-user-drag: none;       
user-drag: none;             
display: block;              
}

a {
text-decoration: none;
color: inherit;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

input[type=number] {
-moz-appearance: textfield;
}