.project-image {
    margin-bottom: 20px; /* Add space between images */
    transition: transform 0.2s ease; /* Add hover transition effect */
}

.project-button {
    transition: background-color 0.2s ease;
    font-size: 20px;
    font-weight: 400;
    
}

.project-button:hover {
    background-color: rgb(51, 150, 153) ; /* Change background color on hover */
    color: black;
}
.row{
    margin-top: 50px;
    /* margin-bottom: 20px; */
}

/* Styling my projects */
.text-center{
    font-size: 40px;
    margin-bottom: 50px;
}

.col-md-4{
    margin-bottom: 80px;
}
.container button{
  width: 50%;
  margin-top:0px;
  font-size: larger;
  margin-left: 100px;
  
}
.container button:hover{
    background-color: red;
    color: black;
    font-size: larger;
}
.container img{
    margin-left: 50px;
    
}