body{
    font-family: Verdana, sans-serif;
    color:rgba(3, 32, 57, 0.866);
    background-color: aliceblue;
    padding: 0;
    margin: auto;
    width: 100%;
    height: 100vh;
    overflow: scroll;
}

.darkmode{
    color: aliceblue;
    background-color: rgba(0, 0, 0, 0.848);
}


/* .button input{
    border-radius: 20px;
    border-color: blue;
    align-items: right;
    position: absolute;
    top: 35px;
    left: 850px;
    margin-left: 30px;
}

.btnn input {
    margin-left: 30px;
} */
.nav{
    position: fixed;
    top: 0;
    left: 0;
    place-content: center;
    width: 100%;
    z-index: 10;
}

.nav i{
    font-size: 1.5rem;
    font-weight:bolder;
    color: aliceblue;
    margin-left: 1.8rem;
    margin-right: 1.3rem;
    align-items: center;
    padding: 1px;
    cursor: pointer;

}



.navig{
    display:flex;
    position: relative;
    height:7vh;
    background-color:rgb(7, 51, 90);
    color: aliceblue;
    text-decoration: none;
    place-items: center;
}

    

.la-search{
    /* position: absolute;
    color: rgb(255, 238, 83);
    top: 7px;
    right: 50px;
    margin-left: 50px; */
    width: 1.3rem;
    height: 1.3rem;
}



 #btnn {
    display: none;
    margin: 1px 5px;
    padding: 5px;
    text-align: right;
    /* border: solid 2px rgba(5, 54, 96, 0.523);
    border-radius: 15px; */
} 

#btnn input{
   width: 30vw;
   border: solid 2px rgba(3, 42, 75, 0.302);
   padding: 5px 10px;
   font-size: 1.5rem;
   font-family: Verdana, sans-serif;
   border-radius: 1.3rem;
   margin: 0 5px;

}

#btnn button{
border: solid 2px rgba(3, 42, 75, 0.302);
   padding: 5px 10px;
   font-size: 1.5rem;
   font-family: Verdana, sans-serif;
   border-radius: 20px;
   margin: 0 5px;
}

.navig a{
    text-decoration: none;
    color: aliceblue;
    cursor: pointer;
    font-size: 1rem;
    margin-inline: 1rem;
    text-transform: uppercase;
    place-items: center;
}
.navig :hover{
     color: darkblue;
     background-color: aliceblue;
     background-size: 100%;
     font-weight: bold;
     font-size: 1.3rem;
     padding: 2px;
     /* transition: transform 0.3s ease-in-out; */
}

.donate{
    background-color: brown;
    color: aliceblue;
    /* position: absolute; */
    /* top: 7px; */
    border-radius: 1.3rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    align-content:right;
    align-items: end;
    right: 0px;
    font-weight: bold;
}

.donate :hover{
     color: darkblue;
     background-color: aliceblue;
     background-size: 100%;
     font-weight: bold;
     transition: transform 0.3s ease;

}

#sun{
    width: 1 rem;
}


.band{
    display: flex;
    color: aliceblue;
    background-color: red;
    align-items: center;
    align-content: center;
    height: 5vh;
    text-align: center;
    font-size: 1rem;
    /* position:fixed; */
    width: 100vw;
    overflow: hidden;
    white-space: nowrap;
}

@media and screen(max-width:600px){
    .band{
        display:inline;
        width:240vw;
    }
    .band a{
        display:inline;
        width:240vw;
    }
}

.band a{
    display: flex;
    color: aliceblue;
    background-color: red;
    align-items: center;
    align-content: center;
    height: 5vh;
    text-align: center;
    /* position:fixed; */
    width: 100vw;
    font-size: 1rem;
    text-transform: capitalize;
}

.band a:hover{
    text-decoration: underline;
}

.band p{
    display: inline-block;
    padding-left: 100%;
    animation: defilement 30s linear infinite;
}

@keyframes defilement {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.ebola{
    width: 80%;
    height: 200vh;
    margin: auto;
    border: solid 0.5px rgb(7, 51, 90);
    border-radius: 1.5rem;
    background-color: rgb(244, 244, 244);
    display: none;
}

.ebola:hover{
    background-color:rgb(255, 255, 255) ;
}
.ebola h2{
    padding: 10px;
    color: red;
}

.ebola p{
    color: black;
    width: 50%;
    text-align: center;
}

.ebolaimg{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    max-width: 800px;
    height:     100vh;
    margin: auto;
    grid-gap: 5px;
}

.ebolaimg img{
    width: 100%;
    height: 100%;
}

.une{
    padding: 1.3rem;
    margin: 0.7rem;
    text-align: center;
}
.une h2{
    margin: 0.7rem;
    padding: 0.3rem;
    text-decoration: underline;
    
}

.une p{
    width: 50%;
    margin: auto;
    text-align: center;
    place-items: center;

}

.une a{
    color: rgb(7, 51, 90);
}

.une a:hover{
    text-decoration: underline;
}

.slider{
            position:relative;
            width:70%;
            height:80vh;
            margin: auto;
            overflow:hidden;
            /* border-radius:10px;
            box-shadow:0 5px 15px rgba(0,0,0,0.3); */
           justify-content: center;
           justify-items: center;
           align-content: center;
           align-items: center;
        }

        @media screen and (max-width : 600px) {
            .slider{
                width: 200vw;
                height: 80vh;
                margin: auto;
                overflow:hidden;
                justify-content: center;
                justify-items: center;
                align-content: center;
                align-items: center;
            }
        }

        .slides{
            display:flex;
            width:100%;
            height:100%;
            transition:transform 0.3s ease-in-out;
        }

        .slide{
            min-width:100%;
            height:100%;
        }

        .slide img{
            width:100%;
            height:100%;
            object-fit:cover;
        }

        .btn{
            position:absolute;
            top:50%;
            transform:translateY(-50%);
            width:3rem;
            height:3rem;
            border:none;
            border-radius:50%;
            background:rgba(0,0,0,0.5);
            color:white;
            font-size:1.5rem;
            cursor:pointer;
            z-index:10;
        }

        .btn:hover{
            background:rgba(0,0,0,0.8);
        }

        .prev{
            left:1rem;
        }

        .next{
            right:1rem;
        }

        .indicators{
            position:absolute;
            bottom:1rem;
            left:50%;
            transform:translateX(-50%);
            display:flex;
            gap:0.5rem;
        }

        .dot{
            width:12px;
            height:12px;
            border-radius:50%;
            background:white;
            opacity:0.5;
            cursor:pointer;
        }

        .dot.active{
            opacity:1;
            background:#007bff;
        }
/* 
.tend{
    display: none;
    width: 80%;
    height: 650px;
    margin: auto;
    align-items: center;
    align-content: center;
    font-family:  Verdana;
    position: relative;
    background-image: url(./laurea2pm.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: aliceblue; */
/* } */
/* 
.hh{
    position: absolute;
    top: 0px;
    left: 10px;
    font-size: 16px;
} */

/* .paragraphe{
    position: absolute;
    top: 90px;
    left: 10px;
    font-size: 16px; */
/* } */

.apropos{
    border: solid 2px rgba(4, 43, 77, 0.698);
    width: 100%;
    height: 40vh;
    color: aliceblue;
    background-image: url(./backgroundpropos.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width : 600px) {
    .apropos{
        width: 240vw;
        height: 10vh;
        margin: auto;  
    }
}

#padd{
   display: grid;
   grid-template-columns: repeat(2,1fr);
   grid-gap: 10px;
    /* background-color:rgba(229, 235, 240, 0.804); */
    /* color: rgba(0, 28, 53, 0.794); */
    position: relative;
    width: 100%;
    place-items: center;
    /* transform: translateX(-200px);
    transition: transfrom 1s ease-in-out; */
}

/* #padd:hover{
     transform: translateX(0); */
/* } */

.textengage{
    border: solid 2px rgba(85, 171, 247, 0.198);
    border-radius: 20px;
    padding: 0 5px;
    width: 46.7vw;
    height: 65vh;
    margin: 10px 5px;
   
}
@media screen and (max-width : 600px) {
    .textengage{
        width: 115vw;
        height: 40vh;
    }
}

.textengage p{
     transform: translateX(-600px);
    transition: transform 1s ease-in-out;
}

.textengage:hover p{
   transform: translateX(0);
}

.textengage img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}


.contactext{
    border: solid 2px rgba(4, 43, 77, 0.698);
    width: 100%;
    height: 40vh;
    color: aliceblue;
    background-image: url(./backgroundcontact.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width : 600px) {
    .contactext{
        width: 230vw;
        height: 10vh;

    }
}

.contacter{
    text-align: center;
    /* color:  rgb(7, 51, 90); */
    /* background-color: aliceblue; */
}


.txticon{
    /* color:  rgb(7, 51, 90); */
    text-align: left;
    margin: 10px 20px;
    padding: 10px;
}

.titleicon h2{
    text-align: center;
}
.footericontact{
    /* color: rgb(7, 51, 90); */
    font-size: 48px;
    margin-inline: 20px;
    margin-right: 50px;
    text-align: right;
    margin-bottom: 10px;
}

.footericontact a{
/* color: rgb(7, 51, 90); */
font-size: 48px;
margin-inline: 5px;
}


.msg{
    display:grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 30px;
    width: 80%;
    margin:auto;
    padding: 10px;
    font-family: Verdana, sans-serif;
    border: solid 5px rgba(5, 53, 94, 0.131);
}

@media screen and (max-width : 600px) {
    .msg{
        width: 230vw;
        margin: auto;
    }
}

.msgaside{
    border-right: solid 10px rgba(5, 53, 94, 0.131);
    text-align: center;
    align-items: center;
    line-height: 5px;
}

.msgaside i{
    font-size: 48px;
    /* color: rgb(7, 51, 90); */
    margin-bottom: -15px;
}

.msgmain{
    width: 90%;
    margin: auto;
}

.msgmain form{
    width: 90%; 
}

.msgmain form input, textarea{
    width: 80%;
    height: 24px;
    border: none;
    padding: 5px 10px 5px 20px;
    color: aliceblue;
    font-size: large;
    font-family: Verdana, sans-serif;
    border-radius: 10px;
    background-color: rgba(5, 36, 64, 0.715);
}



.msgmain form textarea{
    height: 108px;
    resize: none;
}


.msgmain form button{
    width: 108px;
    height: 40px;
    color: rgba(3, 32, 59, 0.651);
    font-size: 24px;
    margin-top: 10px;
    border: Solid 3px rgba(12, 82, 144, 0.198);
    border-radius: 10px;
}

.hequipe{
    border: solid 2px rgba(4, 43, 77, 0.698);
    width: 100%;
    height: 40vh;
    color: aliceblue;
    background-image: url(./backgroundequipe.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width : 600px) {
    .hequipe{
        width: 230vw;
        height: 10vh;
        margin: auto;
    }
}

.equip{
    /* background-color: aliceblue; */
    /* color: rgb(7, 51, 90); */
    place-items: center;
    place-content: center; 
    font-family: Verdana, sans-serif;
    width: 80%;
    margin: auto;
    padding: 10px 20px;
}

.equip h1{
    text-align: center;
}
.equip_grid{
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 10px;
   place-items: center;
   width: 60%;
   margin-left: 185px;
   font-family: Verdana, sans-serif;

   /* border: solid 2px aliceblue; */
   /* place-items: center;
   place-content: center; */
}

.equip_grid a{
    /* color: rgb(7, 51, 90); */
}

.equip_grid img{
    height: 250px;
    width: 250px;
    border-radius: 50%;
    align-items: center;
    align-content: center;
    /* transform: translateX(-10%); */
}

.equip_grid a:hover {
    color: aliceblue;
    background-color: rgb(8, 110, 79);
}

.equip_gridtxt{
border: solid 2px rgb(7, 51, 90);
border-radius: 20px;
margin: 10px;
padding: 10 10px;
text-align: center;
place-items: center;
width: 300px;
}


.footercontactii{
    display: inline-flex;
}

/* .equip_grid h3{
   position: relative;
   bottom: 150px;
   left: 350px;
}

.equip_grid p{
   position: relative;
   bottom: 150px;
   left: 350px;
} */


.hactivity{
    border: solid 2px rgba(4, 43, 77, 0.698);
    width: 100%;
    height: 40vh;
    color: aliceblue;
    background-image: url(./backgroundactivity.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

 @media screen and (max-width:600px){
    .hactivity{
        width: 230vw;
        height: 10vh;
    }
 }

.t_activit{
/* color: rgb(7, 51, 90); */
text-align: center;
/* background-color: aliceblue; */
font-family: Verdana, sans-serif;
}

.g_activit{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows:(3,500px);
    grid-gap: 20px;
    text-align: start;
    /* border: solid 1px aliceblue; */
}

.g_activitent{
    /* border-right: solid 3px aliceblue; */
}
.list_activit{
    text-decoration: none;
}

.g_activitent h3{
    align-content: center;
    align-items: center;
    text-align: center;
    /* background-color: brown; */
    font-weight: bold;
    font-size: 24px;
    /* border-radius: 20px; */
    margin-left: 5px;
    margin-right: 5px;
}

.g_activitent img{
    width: 240px;
    height: 210px;
    align-content: center;
    align-items: center;
}

.g_activitent p{
    text-align: center;
}

.list_activit li{
    text-decoration: none;
}

.hrealisation{
     border: solid 2px rgba(4, 43, 77, 0.698);
    width: 100%;
    height: 40vh;
    color: aliceblue;
    background-image: url(./backgroundactivity.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width : 600px) {
    .hrealisation{
        width: 200vw;
        height: 10vh;
    }
}

.hapartner{
    border: solid 2px rgba(4, 43, 77, 0.698);
    width: 100%;
    height: 40vh;
    color: aliceblue;
    background-image: url(./backgroundequipe.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width : 600px) {
    .hapartner{
        width: 200vw;
        height: 10vh;
    }
}


.hdonate{
    border: solid 2px rgba(4, 43, 77, 0.698);
    width: 100%;
    height: 40vh;
    color: aliceblue;
    background-image: url(./background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width : 600px) {
    .hdonate{
        width: 200vw;
        height: 10vh;
    }
}
.realisations{
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-columns: (1,1fr);
    /* background-color: aliceblue; */
    /* color: rgb(7, 51, 90); */
    width: 80%;
    margin: auto;
    Padding:5px 5px;
    grid-gap: 3px;
    font-family: Verdana, sans-serif;
}

.realisation{
display: grid;
grid-template-rows: repeat(4,auto);
grid-gap: 2px;
margin: 5px 20px;
padding: 5px 10px;
border-right: solid 10px rgba(6, 77, 140, 0.125);
}

.realisation img{
    width: 400px;
    height: 400px;
    margin: 5px 5px;
    padding: 5px 10px;
}

.realisation h3{
    margin:2px 20px 20px 5px;
    text-align: left;
    width: 50%;
}

.realisation h3 a{
    /* color:darkblue; */
}

.realisation h3 a:hover{
    text-decoration: underline;
}

.aside{
    font-family: verdana;
    margin: 5px 10px;

}


.categori h1{
  color: aliceblue;
  background-color: rgb(7, 51, 90);
    margin: 5px 5px;
    padding: 5px;
    font-family: Verdana, sans-serif;

}

.faisons h2{
 color: aliceblue;
  background-color: rgb(7, 51, 90);
    margin: 5px 0px;
}


.news_letter input{
    width: 80%;
    height: 40px;
    border: none;
    border-bottom: solid 2px rgba(5, 43, 77, 0.308);
    padding-left: 20px;
    outline: none;
}

.news_letter button{
    font-size: 16px;
    width: 60%;
    border-radius: 5px;
    margin-top: 10px;
}

.connect{
    border: solid 2px rgb(7, 51, 90);
    align-items: center;
    align-content: center;
    text-align: center;
    border-radius: 10%;
    margin: 5px;
    margin-bottom: 20px;
    padding: 10px 10px 10px 20px;
}

.connect input{
    width: 80%;
    height: 40px;
    border: none;
    border-bottom: solid 2px rgba(5, 43, 77, 0.308);
    padding-left: 20px;
    outline: none;
}

.connect input[type="text"]{
font-size: 20px;
}

.connect button{
    font-size: 20px;
    width: 80%;
    border-radius: 5px;
}

#don{
    /* background-color: aliceblue ; */
    /* color:rgb(7, 51, 90) ; */
    margin: 2px 2px;
    padding:2px 5px;
    font-family: Verdana, sans-serif;
}
.don h1{
    text-align: center;
    border-bottom: solid 2px rgb(7, 51, 90);
}

.donat{
    display: grid;
    grid-template-columns: 2fr 1fr;
    margin: 5px 5px;
    align-content: center;
}

.donatemain{
 padding: 5px;
 margin: 5px 10px 5px 5px;
 text-align: left;
 width: 100%;
}

.donatemain p{
    width: 75%;
    /* background-image: url(./activitepadd2.jpg); */
    /* background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
    /* color: rgb(0, 0, 0); */
}


.payement{
    width: 70%;
    margin-left: 15px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    position: relative;
    border:solid 5px rgba(5, 68, 124, 0.149);
    border-radius: 15px;
    font-family: Verdana, sans-serif;
    /* font-size: 24px; */
}
@media screen and (max-width : 600px) {
    .payement{
        width: 120vw;
    }
}


.payement img{
    position: absolute;
    width: 100px;
    height: 40px;
    top: 170px;
    right:25px;
    z-index: 1;
    border: none;
    border-radius: 15px;
}
@media screen and (max-width : 600px) {
    .payement img{
        display: none;
    }
}

.payement form{
    place-items: center;   
    margin-top: 5px;
    position: relative;
    font-family: Verdana, sans-serif;
    /* font-size: 24px; */
}

.payement form input[type="Number"]:first-child {
    width: 45%;
    z-index: 0;
    font-family: Verdana, sans-serif;
    font-size: 24px;
    
}

.payement form select{
    display: inline-block;
    align-content:justify ;
    justify-content: space-between;
    margin: 5px 5px;
    height: 60px;
    width: 45%;
    border: solid 2px rgb(7, 51, 90);
    border-radius: 10px;
    font-family: Verdana, sans-serif;
    font-size: 24px;

}

.payement form input{
     display: inline-block;
    align-content:justify ;
    justify-content: space-between;
    margin: 5px 5px;
    height: 60px;
    width: 45%;
    border: solid 2px rgb(7, 51, 90);
    border-radius: 10px;
    font-family: Verdana, sans-serif;
    font-size: 16px;

}

.payement form input[type="text"]:last-child{
    width: 95%;
    position:relative;
    font-family: Verdana, sans-serif;
    font-size: 24px;
    
}

#visa{
    width: 95%;
    position:relative;
    font-family: Verdana, sans-serif;
    font-size: 16px;
}


.payement form input[type="checkbox"]{
    display: inline;
    width: 20px;
    height: 20px;
    align-items: left;
    margin-top: 5px;
    font-size: 16px;

}

.payement form button{
    display: inline;
    width: 80px;
    height: 30px;
    margin-left: 50px;
    border: solid 2px rgb(7, 51, 90);
    border-radius: 20px;
    font-size: 16px;
}



.donataside{
    margin: 10px 20px 10px 5px;
    padding: 5px;
    color: aliceblue;
    background-color: rgb(7, 51, 90);
    border-radius: 20px;
    /* transform: translateX(600px); */
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease-in-out;
    align-content: center;
    height: 100%;
    width: 100%;
}

@media screen and (max-width : 600px) {
    .donataside{
        width: 80vw;
        
    }
}


.donat:hover .donataside{
 opacity: 1;
 visibility: visible;  
 transition: opacity 1s ease-in-out;
}


.partner,h1,h3{
    /* background-color: aliceblue; */
    margin: 10px 5px;
    padding: 5px 10px;
    text-align: center;
}

.partnerli ul{
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 30px;
    list-style: none;
    font-family: Verdana, sans-serif;
}
/* Si tu veux maitriser quelque chose, la clé c'est en commençant petit à petit avec beaucoup de 
répetition pas en commençant parfaitement 
il ne faut pas atrophier tes muscles en abandonnant des bonnes habitudes c'est sur!!!*/
.partnerli li{
    text-decoration: none;
}

#report{
    /* color: rgb(7, 51, 90); */
    /* background-color: aliceblue; */
    margin: 10px 3px;
    padding: 5px 10px;
    font-family: Verdana, sans-serif;
}
.report h1{
    text-align: center;
    color: rgb(7, 51, 90);
}

.report img{
    width: 80vw;
    height: auto;
    margin-left: 70px;
    align-items: center;
    align-content: center;
}

#report a:hover{
    text-decoration: underline;
}

#report a::after{
    color: blueviolet;
}

.reportext{
   
}
@media screen and (max-width : 600px) {
    .reportext{
         display: block;
         width: 200vw;
    }
}

.reportext p{
    margin: 10px;
    padding: 10px;
    height: auto;
}

.reportext img{
   width: 200vw;
   height: 50vh;
   border-radius: 50%;
   margin: auto;
}

.proenf{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 5px;
    margin: 20px 10px;
    padding: 10px 5px;
    /* border: solid px rgb(7, 51, 90); */
    width:30vw;
}

.proenf img{
    width: 30vw;
    height: 40vh;
}

@media screen and (max-width:600px){
    .proenf{
        width: 200vw;
    }
    .proenf img{
        width: 60vw;
        height:40vh;
        margin: auto;
    }
}

.footer{
  margin-left: 0px;
  margin-top: 0px;
  display: flex;
  position: relative;
  background-color:rgb(7, 51, 90);
  font-family: Verdana, sans-serif;
}

.footercontente{
    margin-left :10px;
    display: flex;
    /* position:relative; */
    align-items: center;
    align-content: center;
}

 @media screen and (max-width:600px){
    .footerrcontente{
        width: 200vw;
    }
 }

.footercontente h3{
    color: aliceblue;
    background-color: rgb(7, 51, 90);
    font-weight: bold;
    font-size: 24px;
    font-family: Verdana; 
    position: relative;
}

.footericon{
 font-size: 48px;
 margin-left: 120px ;
 margin-inline: 10px;
 color: rgb(7, 51, 90);
 /* border-right: solid 1px; */ 
}

.footericon a{
    color: rgb(7, 51, 90);
    font-size: 48px;
}
.btn {
    font-size: 24px;
    padding: 5px;
    background-color: none;
    /* position: relative; */
}

.btn h3{
      background-color: brown;
      color: aliceblue;
      padding-left: 10px;
      padding-right: 10px;
      border-radius: 20px;

}

.adress{
    background-color:rgb(7, 51, 90);
    margin-top: O;
    margin-left: 0;
    color: aliceblue;
    align-content: center;
    align-items: center;
    text-align: center;
    line-height: 5px;
}

 @media screen and (max-width:600px){
    .adress{
        width: 240vw;
        margin: auto;
    }
 }

.copy{
    font-family: Verdana;
    position: relative;
}


#box{
    display: none;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    place-items: center;
    margin:  100px auto;
    padding: 50px;
    background-color: rgba(171, 171, 15, 0.73);
    text-align: center;
    color: rgba(7, 7, 7, 0.759);
    align-items: center;
    align-content: center;
    
}

/*pour occuper la liste des participants au forum international internationa afin
 d'occuper l'espace me and that was the first time my name sounds good, and my 
 mother and my grandfather was one of the most important person in my life and usually i was a boy and he wasn't the king
 of world war three and his family was one of the most reputated of our history just one of the two generations ago and
 the president and we have to know the history of kenya and we have also to remember how our 
 history is important and the past must inspire us to better future