.desc {
    font-weight: bold;
    color: black;
  font-size: 1.5rem;
  text-transform: uppercase;
  padding: 20px;
}

body {
    text-align: center;
}

.name-header {
    font-size: clamp(2rem, 10vw, 4.5rem); /* Large size */
    color: #effbff;
    text-shadow: 
        2px 2px 0 #000000,
        3px 3px 0 #000000;  
         

}

.quick-testimony {
    font-style: italic;
    margin-top: 50px;
    font-size: 22px;
    color: #404040;
    font-weight: bold;
    
}

.quick-testimony-author {
    font-style: italic;
    margin-top: 20px;
    transform: translateX(15%);
    font-size: 22px;
    color: #404040;
    
}



.aboutinfotext {
    font-weight: bold;
    color: black;
    font-size: 1.5rem;
    font-family: "Coiny", system-ui;
}

.header-image {
    background: url('/assets/header.jpg');
    background-size: cover;
    border-radius: 55px;
    aspect-ratio: 2;
    max-height: 400px;
    margin: 16px auto;
    display: flex;
    align-items: center;
    justify-content: center;

}

.event1 {

    border-radius: 32px;
    max-width: 400px;
    width: 80vw;
    box-shadow: 
        36px 24px 0px var(--primary-color),
        -24px -20px 0px var(--primary-color-alt)
}




.side-img {
    width: 200px;
    
}

.broken {
    text-align: left; /* Align text and icons to the left */
    padding-right: 30px;
}

.broken p {
    display: flex; /* Use flexbox to align the icon and text in one line */
    align-items: center; /* Vertically align the items */
    font-size: 20px;
    margin: 20px 0px;

}

.broken i {
    height: 80px;
    aspect-ratio: 1;
    font-size: 48px; /* Increase the icon size */
    color: var(--primary-color); /* Apply the primary color */
    padding-right: 15px;
    display: inline-flex; /* Enable inline-flex to center the content inside the icon */
    justify-content: center; /* Center horizontally inside the icon */
    align-items: center; 
}

.logosmall {

  margin-bottom: 16px;
    width: 120px;  /* Adjust size as needed */
    height: auto;
}