nav{

    color:2f2f2f;
    justify-content:center;

}

ul{

    list-style-type: none;
    display:flex;
    justify-content:center;
    
}

li{

    
    padding: 7px;
    font-family: sans-serif;
    font-weight:bold;
    text-transform: hover;
    
}

.hover-text{

    color:black;
    transition: color 0.3s ease;
}


.hover-text:hover {
  color: #00aeff; /* Change text color when hovering */ 
}

.link{

    color:black; 
    text-decoration:none;
}

.link:hover{

    color:#00aeff;
}

a{
    text-decoration:none;
    color:#fff;
    
}

.main-nav{
     background-color:#00aeff;
     padding:7px; 
     word-spacing:10px; 
}

.title{

    font-family:Great Vibes;
    font-size:5rem;


}



.col-12{

    
     padding:4rem;
     margin:6px;
     border:3px;
     box-shadow: #00aeff;
     word-spacing: 2px; 
     line-height: 5rem;

}


.motto{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:1.5rem;
    color:rgb(0, 0, 0); 
    
}

.donate{

    background-color: rgb(196, 0, 245);
    color:rgb(255, 255, 255);
    padding:5px 10px;
    font-size:1.5rem;
  
}

.learn {
    font-size:1.5rem;
    color: rgb(226, 3, 255);
    text-decoration: none; /* Remove underline */
    border: 2px solid rgb(255, 255, 255); /* Adds a 2px black border */ 
    padding: 5px 10px; /* Adds space inside the border */
  /*  border-radius: 5px; /* Optional: Rounds the corners of the border */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover effect */
}

.learn:hover {
    background-color: rgb(140, 0, 255); /* Change background color on hover */
    color: white; /* Change text color on hover */
}

.title-2{

    font-family: 'Dancing Script', cursive;  
    font-size:3rem;
    font-weight:bolder;

}



.title-3{

    background-color: rgb(183, 0, 255);
    color:black;
    padding:5px 10px;
    font-size:1.5rem;
  
}


.background-image {
    background-image: url('images/backgroundimage.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 80vh;
    width: 100%;
    overflow: hidden; /* Prevents overflow from child elements */
}

.col-md-4{

    opacity:80%;
  
}



.background-image-2 {
    background-image: url('images/Empowering\ Futures_\ The\ Impact\ of\ Education\ Donations\ on\ Global\ Change.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 70vh;
    width: 100%;
    overflow: hidden; /* Prevents overflow from child elements */
    font-weight:bolder;
}


/* contact*/



.donate-2{

    background-color: rgb(255, 255, 255);
    color:black;
    padding:5px 10px;
    font-size:1.5rem;
  
}

.learn-2 {
    font-size:1.5rem;
    color: rgb(255, 255, 255);
    text-decoration: none; /* Remove underline */
    border: 2px solid rgb(71, 255, 111); /* Adds a 2px black border */
    padding: 5px 10px; /* Adds space inside the border */
  /*  border-radius: 5px; /* Optional: Rounds the corners of the border */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover effect */
}

.learn-2:hover {
    background-color: rgb(255, 255, 255); /* Change background color on hover */
    color: rgb(0, 0, 0); /* Change text color on hover */
}



.div-2{

    
     margin:auto;
    background-image: url('images/green.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 60vh;
    width: 100%;
    overflow: hidden; /* Prevents overflow from child elements */
    font-weight:bolder;
   

}


/*mission*/

.background-image-3{
    background-image: url('images/Empowering\ Futures_\ The\ Impact\ of\ Education\ Donations\ on\ Global\ Change.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 70vh;
    width: 100%;
    overflow: hidden; /* Prevents overflow from child elements */
    font-weight:bolder;
}



/*events*/


.background-image-4 {
    /*background-image: url('images/cons.jpeg'); */ 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 125vh; 
    width: 100%;
    overflow: hidden; /* Prevents overflow from child elements */ 
    font-weight:bolder;
}


/*program*/



.background-image-5 {
    background-image: url('images/Empowering\ Futures_\ The\ Impact\ of\ Education\ Donations\ on\ Global\ Change.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 115vh;
    width: 100%;
    overflow: hidden; /* Prevents overflow from child elements */
    font-weight:bolder;
}


/*donate*/


.div-4{

    
     height:72vh;

}