body{
    margin: 0;
    padding: 0;

}
h1,h2,h3,h4,h5,h6{
    font-family: "Vollkorn";
}

p{
    font-family: "Manrope";
    font-size: 1.1em;
    font-weight: 500;
}
hr{
    display: block;
    height: 1.5px;
    border: 0;
    border-color: #000000;
    background-color: rgb(0, 0, 0);
    color: #000000;
}


.main-title{
    font-family: "Vollkorn";
    font-size: 3em;
    color: #000000;
    text-align: left;
    margin-top: 2em;

}
.sub-title{
    font-family: "Vollkorn";
    font-size: 1.6em;
    font-weight: 100;
    color: #000000;
    text-align: left;
    margin-top: -0.5em;
    margin-left: 0.1em;

}

.custom-video{
    width: 100%;
    height: 750px;
    padding-top: .75rem;
    padding-bottom: .75rem;
    /* background-color: rgba(86,61,124,.15); */
    /* border: 1px solid rgba(86,61,124,.2) */
}

.equal-height {
    height: 600px; /* Increased height to make images larger */
    object-fit: cover; /* Ensure the image maintains its aspect ratio */
    width: 100%; /* Make the image fill its container width */
  }

.badge-outline-dark {
    color: #505050; /* Dark text color */
    background-color: transparent; /* Transparent background */
    border: 1px solid #505050; /* Dark border */
    font-weight: 400;
    font-size: 12px;
    padding: 4px 8px; /* Add more padding for a bigger box */
    border-radius: 8px; /* Adjust border-radius for a larger pill shape */
  }

  
#recording-status{
      font-family: "Manrope";
      font-size: 14px;
      color: #e40f0f;      
  }
    
#status{
    font-family: "Manrope";
    font-size: 0.7em;
    text-align: right;
    margin-right: 10em;
    margin-top: 1em;
    
}
  #feedback {
    background-color: #777777; /* Light gray background */
  }

  #share_thought{
    color: white;
    border: 1px solid #ffffff;
  }
  #content .badge {
    margin-top: 2rem; /* Adds spacing above the badge to separate it from the image */
    margin-bottom: 0.2rem; /* Adds spacing below the badge */

}

#submit_btn{
    color:white;
    border: 1px solid white;
}
#bar{
    font-weight:bolder;
    font-size: 2.5em;
    margin-bottom: -0.5rem;
}
#exhibit-info{
    font-family: "Manrope";
    font-weight: 800;
    color: #000000;
    text-align: left;
    margin-top: 0.5em;

}
.nav {

    position: fixed; /* Ensure the navbar stays in place after rotation */
    top: 30em;
    right: 2em; /* Move the navbar to the right of the page */

    padding: 10px; /* Add padding for better visibility */
    transform: rotate(90deg); /* Rotates the navigation button 90 degrees clockwise */
    transform-origin: top right; /* Adjusts the rotation point */
    
}
.nav a {
    font-family: "Manrope" ;
    font-size: 0.9em;
    text-decoration: none; /* Remove underline from links */
    color: #000; /* Text color */
}

@media (max-width: 768px) {
  .nav {
    display: none;
  }
}

.invalid-feedback {
    color: #ff9494; /* Red color for invalid feedback */

}