.first_data{
    color: black!important;
}

.first_data a{
    background-color: #00ff00;
    color: black;
}
.first_data h1{
    color: black;
}
.first_data a:last-child{
    background-color: gray;
    color: black;
}
.first_data a:last-child:hover{
    color: black;
    background-color: whitesmoke;
    border: 2px solid rgb(109, 109, 109);
}
.first_data a:hover{
    background-color: rgb(0, 168, 0);
    border: 2px solid #00ba00;
    box-shadow: -12px 12px  #000000;
    color: whitesmoke;
}
.container svg:hover{
    stroke: #00aa00!important;
    fill: #00ff0050!important;
}
.container svg {
    stroke: whitesmoke;
}
@keyframes fall {
    0% {
        transform: translateY(-500px)  scale(.1);
        
       
        opacity: 0;
    }
    
    60% ,100%{
        transform: translateY(0) scale(1);
        opacity: 1;
        
        fill: #bcbcbc;
        stroke: black;
    }
}
.second_landing{
    background-color: #a7a7a7;
}
.image_preview{
    border: 4px solid black;
    box-shadow: -2px 2px rgb(32, 32, 32);
}
.image_preview:hover{
    box-shadow: -10px 10px rgb(0, 0, 0);
}
.card_container{
    box-shadow: -2px 2px  rgb(35, 35, 35);
    stroke: black;
    color: black;
    background: rgba(0, 0, 0, 0.1);
}
.card_container:nth-child(1):hover{
    box-shadow: -12px 12px  black;
}
.card_container:nth-child(2):hover{
    box-shadow: 0px 12px  black;
}
.card_container:nth-child(3):hover{
    box-shadow: 12px 12px  black;
}

.card_container:hover{
    color: rgb(200, 123, 0);
    stroke: rgb(200, 123, 0);
}
.third_section h2{
    color: black;
}
.third_section h2 span{
    color: limegreen;
}
.description_image
{
    color: whitesmoke;
}
.description_image span{
    color: #00c400;
}
.scrennshot_container{
    color: black;
}
.scrennshot_container img{
    border: 4px solid black;
    border-bottom: 30px solid black;
}
.third_section{
    background-color: rgb(56, 56, 132);

}
.scrennshot_container:hover > p span{
    color: goldenrod;
}


.wave:nth-of-type(1){
    fill: #dfdfdf!important;
}
.wave:nth-of-type(2){
    fill: #f5f5f5;
}
.wave:nth-of-type(3){
    fill: #222251;
}
.wave:nth-of-type(4){
    fill: #383884;
}