@font-face {
  font-family: CalibriRegular;
  src: url(fonts/CalibriRegular.ttf);
}

@font-face {
  font-family: CalibriLight;
  src: url(fonts/CalibriLight.ttf);
}

@font-face {
  font-family: FarsiSimpleBold;
  src: url(fonts/FarsiSimpleBold.ttf);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

.calibri-regular {
  font-family: CalibriRegular;
}

.calibri-light {
  font-family: CalibriLight;
}

.fars-bld {
  font-family: FarsiSimpleBold;
}

#sidebar {
  position: fixed;
  margin-top: 100px;
  height: calc(100vh - 150px);
  overflow-y: auto;
}

#book-content {
  margin-top: 100px;
  margin-right: 25%;
}

#cover-content {
  height: calc(100vh - 58px);
  margin-top: 100px;
}