#markdown-container {
    font-size: 14px; /* Adjust the font size as needed */
    height: 80%; /* Adjust the height as needed */
    max-height: 800px; /* Set a maximum height for the div */
    width: 100%; /* Adjust the width as needed */
    overflow-y: auto; /* Add a vertical scrollbar when content overflows */
    border: 1px solid #ccc; /* Optional: Add a border for better visibility */
    padding: 10px; /* Optional: Add padding for spacing */
  }

  #home {
    top: -7px;
  }

    #nav {
        display: table;
        width: 100%;
    }

.alignright { float: right; top:25px; right: 20px; z-index:10000 }


.crescent-moon-logo-1 {
  position: relative;
  width: 30px; /* Adjust the width to make it even smaller */
  height: 30px; /* Adjust the height to make it even smaller */
}

.crescent-moon-logo-1::after {
  content: "";
  position: absolute;
  width: 30px; /* Adjust the width to match the main element */
  height: 30px; /* Adjust the height to match the main element */
  border-radius: 50%;
  box-shadow: -8px 0px 0px 5px #ffd700; /* Adjust the box shadow to match the smaller size */
  transform: rotate(-24deg);
}

.logo-novaluna-text-1 {
  position: absolute;
  top: 0px;
  left: 25px;
}

.crescent-moon-large-1 {
  position: absolute;
  top: -250px;
  left: -80px; /* Adjust the left value to move it further to the left */
  width: 325px;
  height: 325px;
}

.crescent-moon-large-1::after {
  content: "";
  position: absolute;
  width: 325px;
  height: 325px;
  border-radius: 50%;
  box-shadow: -90px 0px 0px 60px #333333; /* Adjust the box shadow for the larger size */
  transform: rotate(-160deg); /* Change the rotation to -160deg */
}