html {
    overflow-y: scroll;
}

body {
    margin: 0;
    font-family: 'Noto Serif Bengali', serif;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
}

.page-container {
    font-size: 0.8em;
    width: 700px;
    margin-left: calc(calc(calc(100vw - 700px) / 2) - 250px);
    padding-top: 20px;
}

.pagination {
    font-size: 0.9em;
}


/*
Main purple: #4300b0
Lavender: #f5f3fa
Complementatry green: #00B043
Danger color: #b80000
*/


.main-purple-text {
    color: #4300b0;
}



.demo-watermark {
    position: relative;
    width: 100%; /* or set to specific width */
    height: 100%; /* or set to specific height */
    overflow: hidden; /* to ensure the watermark doesn't spill out of the div */
  }
  
  .demo-watermark::after {
    content: 'Demo';
    position: absolute;
    top: calc(50% - 50px) ;
    left: calc(50% - 115px);
    transform: translate(-50%, -50%) rotate(-45deg); /* centering and rotating the text */
    font-size: 6em; /* adjust based on your preference */
    font-weight: bold;
    color: rgba(255, 0, 0, 0.2); /* semi-transparent red color */
    pointer-events: none; /* ensures the watermark doesn't interfere with any user interactions */
    z-index: 9999; /* ensures the watermark stays on top of other content */
    white-space: nowrap; /* prevents the text from wrapping */
  }
  

  .demo-watermark-small {
    position: relative;
    width: 100%; /* or set to specific width */
    height: 100%; /* or set to specific height */
    overflow: hidden; /* to ensure the watermark doesn't spill out of the div */
  }
  
  .demo-watermark-small::after {
    content: 'Demo';
    position: absolute;
    top: calc(50%) ;
    left: calc(50%);
    transform: translate(-50%, -30%) rotate(-45deg); /* centering and rotating the text */
    font-size: 3em; /* adjust based on your preference */
    font-weight: bold;
    color: rgba(255, 0, 0, 0.2); /* semi-transparent red color */
    pointer-events: none; /* ensures the watermark doesn't interfere with any user interactions */
    z-index: 9999; /* ensures the watermark stays on top of other content */
    white-space: nowrap; /* prevents the text from wrapping */
  }
  
  .preserve-newline {
		white-space: pre-line;
	}