* {
   

       .navbar{
        
        align-self: ;
    }

     body {
  
      font-family: Arial, sans-serif;
      font-size: 12px;
      margin: 10px 5px;
      padding: 0;
    }

    .container {
      max-width: 1200px;
      margin: 10px 5px;
    }

    .title {
      font-family: Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: blue;
      margin: 0px 0px;
      text-align: center;
    }

        .section-title {
      font-weight: bold;
      color: blue;
      margin-top: 20px;

    }
      /* Flashing text class */
    .blink-text {
      /* option 1: visibility toggle */
      animation: blink-vis 2s step-end infinite;
      /* option 2: opacity toggle (alternative) */
      /* animation: blink-opacity 1s linear infinite; */
    }

    @keyframes blink-vis {
      50% { visibility: hidden; }
    }

    @keyframes blink-opacity {
      0%, 50% { opacity: 1; }
      51%, 100% { opacity: 0; }
    }
	

    .nav-buttons {
      text-align: center;
      margin: 10px 0;
    }

    .nav-buttons button {
      font-size: 12px;
      padding: 6px 14px;
      margin: 0 8px;
      background-color: lightblue;
      color: black;
      border: black;
      border-radius: 4px;
      cursor: pointer;
    }

    .nav-buttons button:hover {
      background-color: #add8e6;
    }

    .toc {
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
      color: black;
      margin: 10px 0px;
    }

    .toc ul {
      list-style: none;
      padding-left: 10;
      margin-top: 5px;
    }

    .toc ul li {
      margin-bottom: 5px;
      padding-left: 10;
    }

    .toc a {
      text-decoration: none;
      color: blue;
      padding-left: 10;
    }

    .toc a:hover {
      text-decoration: underline;
    }

    .main-content {
      max-width: 1200px;
      margin: 15px 10px;
    }

    .section {
      max-width: 1200px;
      font-family: Arial, sans-serif;
      font-size: 12px;
      line-height: 1.5;
       margin: 10px 10px;
      margin-bottom: 15px;
    }

  #backToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    /*background-color: black;*/
    color: white;
    font-size: 24px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    transition: opacity 0.3s;
    }

#backToTop:hover {
    background-color: #333;
}


}