@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
html {
  scroll-behavior: smooth;
}

.iti{
  width: 100%;
}

.Noto_Serif {
  font-family: "Noto Serif", serif;
}

@font-face {
  font-family: "Noto Serif", serif;
  src: url("../fonts/Noto_Serif/NotoSerif-VariableFont_wdth\,wght.ttf");
}

.Nunito_Sans {
  font-family: "Nunito Sans", sans-serif;
}

@font-face {
  font-family: "Nunito Sans", sans-serif;
  src: url("../fonts/Nunito_Sans/NunitoSans-VariableFont_YTLC\,opsz\,wdth\,wght.ttf");
}



.circleshadow:hover {
  box-shadow: 1px 1px 16px 7px #ff6b35;
  border: 7px solid #ff6b35;
  cursor: pointer;
  transition: 0.5s ease;
  transition-duration: 0.2s;
}
.circleshadow1 {
  box-shadow: 1px 1px 18px 5px #ff6b35;
  border: 1px solid #ff6b35;
  cursor: pointer;
  transition: 0.5s ease;
  transition-duration: 0.2s;
}