nav {
    background-color: #120707;
    font-style: white;
  }
.jumbotron {
    background-color: #ffffffe4; /* Change this color as needed */
  }
  
.logo {
    max-width: 50%;
    height: auto;
  }
footer {
    background-color: #e23535;
    /* color: white; */
  }
  
  /* Padding below the footer and lighter body text */

.carousel-image {
    height: 100%; /* Keep the height equal to the card */
    width: 100%; /* Maintain aspect ratio */

}
.phone-card {
    width:  298px;  /* Width of the iPhone 6/7/8 */
    height: 546px;  /* Height of the iPhone 6/7/8 */
    margin: 0px;
    border-radius: 32px; /* Rounded corners */
    overflow: hidden; /* Hide overflow to maintain rounded corners */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);  /* Optional: add some shadow for depth */    

}
.hero {
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(96, 34, 219, 0.964);
    text-align: center;
    font-weight: 100;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.small-card {
  border-style: none;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler {
  border-color: rgb(0, 0, 0);
  color: 255, 255, 255, 1;
}