html {
  font-size: 24px; /* Set the root font size */
}

h1 {
  font-size: 1.8rem; /* 2.5 * 16 = 40px */
}

h2 {
  font-size: 1.3rem; /* 1.875 * 16 = 30px */
}

p {
  font-size: 1rem; /* 1 * 16 = 16px */
}

      .navbar {
        display: flex;
        background: #56c79b;
        border-radius: 30px;
        padding: 10px 20px;
        margin: 0 auto;
        width: 95%;
        justify-content: space-between;
        align-items: center;
        position: top;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        font-size: 14px; 
      }

      .logo {
        width: 5rem;
      }

      .menu {
        display: flex;
        list-style-type: none;
        margin: 0;
        padding: 0;
      }

      .item {
        margin: 0 15px;
        
      }

      .item a {
        text-decoration: none;
        color: #333;
        font-weight: bold;
        
      }

      .item a:hover {
        color: #2258c3;
      }

      button {
        background-color: #2258c3;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 20px;
        cursor: pointer;
      }

      button:hover {
        background-color: #fd2df3;
      }
    


    
		@page { size: 8.5in 11in; margin-left: 0.79in; margin-right: 0.39in; margin-top: 0.39in; margin-bottom: 0.39in }
		p { margin-bottom: 0.1in; background: transparent; line-height: 115%; background: transparent }
		h1 { margin-bottom: 0.08in; background: transparent; background: transparent; page-break-after: avoid }
		h1.western { font-family: "Liberation Serif", serif; font-size: 24pt; font-weight: bold }
		h1.cjk { font-family: "Noto Serif CJK SC"; font-size: 24pt; font-weight: bold }
		h1.ctl { font-family: "Lohit Devanagari"; font-size: 24pt; font-weight: bold }
		a:link { color: #000080; text-decoration: underline }
		a:visited { color: #800000; text-decoration: underline }
		table {font-size: 40px;} /* Set the font size to 16 pixels */
		img {max-width: 100%; height: auto;}

	#topBtn {display: none; /* Hidden by default */
            position: fixed; /* Fixed/sticky position */
            bottom: 20px; /* Place the button at the bottom of the page */
            right: 30px; /* Place the button 30px from the right */
            z-index: 99; /* Make sure it does not overlap */
            border: none; /* Remove borders */
            outline: none; /* Remove outline */
            background-color: red; /* Set a background color */
            color: white; /* Text color */
            cursor: pointer; /* Add a mouse pointer on hover */
            padding: 15px; /* Some padding */
            border-radius: 10px; /* Rounded corners */
            font-size: 18px;} /* Increase font size */
            
    #topBtn:hover {background-color: #555;} /* Add a dark-grey background on hover */

	
	
    body {
        background-color: rgb(186, 211, 195) ;
        background: linear-gradient(0deg, #d3d8e6 10%, );
        height: 100vh;
        margin: 3;
        padding-top: 10px;
      }