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

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


@font-face{
font-family: 'raleway';
src: url('/raleway.ttf');
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;
}


* {
  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-image: url('');
 background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
  font-family: var(--main-font);
}



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;
}