:root {
  --hamyarcolor: #229799;
  --global-radius: 8px;
}

@font-face {
  font-family: 'ravi';
  src: url(../fonts/RaviRegular.ttf) format('truetype');
  src: url(../fonts/RaviFaNumRegular.ttf) format('truetype');
}

@font-face {
  font-family: 'gofte';
  src: url(../fonts/GoftehHeavy.ttf) format('truetype');
}

@font-face {
  font-family: 'enravi';
  src: url(../fonts/RaviNoEnRegular.ttf) format('truetype');
}

html {
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-padding-top: 25dvh;
}

body {
  scrollbar-width: none;
  min-width: 270px;
  font-family: 'ravi';
  background: #f5f5f5;
  min-height: 100vh;
  min-height: 100dvh;
}

html::-webkit-scrollbar {
  display: none;
}

h2 {
  font-family: 'gofte', 'ravi', sans-serif;
}

a {
  text-decoration: none;
}

.deactive {
  background-color: grey !important;
  cursor: default;
  opacity: 0.5;
}

.main-div {
  margin: 0 auto;
  width: 272px;
  max-width: 1920px;
}

@media screen and (min-width:412px) {
  .main-div {
    width: 342px;
  }
}

@media screen and (min-width:700px) {
  .main-div {
    width: 610px;
  }
}

@media screen and (min-width:1024px) {
  .main-div {
    width: 700px;
  }
}

@media screen and (min-width:1280px) {

  .main-div {
    width: 900px;
  }
}

@media screen and (min-width:1728px) {
  .main-div {
    width: 1025px;
  }
}