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




:root{
--main-font: "Exo";
--atbackground: rgba(0,0,0,0.5);
--paobackground:rgba(27, 27, 27, 0.376);
}





body {

  font-family: var(--main-font);
  max-width: var(--max-width);
  outline: none;
  -webkit-tap-highlight-color: transparent;
 background-image: url('https://i.pinimg.com/736x/1b/e8/84/1be88411ad6fad80a3c1d91f95813bfd.jpg');
 background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
  font-family: var(--main-font);
}


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

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