.projects{
    padding-top:150px;
    width:100%;
}

.allprojects{
    display:flex;
    width:100%;
    flex-wrap:wrap;
    justify-content: center;
    gap:20px;
    padding:20px;
}

.projectcard{
    background-color:black;
    border-radius: 8px;
    box-shadow:0 4px 8px rgb(26, 160, 178);
    overflow: hidden;
    transition: transform 0.2s ease , box-shadow 0.2s ease;
    width:300px;
    margin:20px;
    text-align: center;
    padding:20px;
}
.projectcard:hover{
    transform: translateY(-5px);
    box-shadow:0 8px 16px rgba(0, 0, 0, 00.2s)
}

.project-image{
    width:100%;
    height:200px;
    object-fit: cover;
    border-bottom: 1px solid black;
}

.projectcard h2{
    font-size: 1.5rem;
    margin:15px 0;
    color: aquamarine;
}

.projectcard p{
    font-size: 1rem;
    color: aqua;
    margin:15px 0;
}
.skills{
    display: flex;
    justify-content: center;
    gap:10px;
    margin:15px 0;

}

.skills i{
    font-size: 1.5rem;
    color:azure
}

.button{
    padding:10px 20px;
    margin:15px 0;
    background-color:bisque;
    color: brown;
    text-decoration:none;
    border-radius: 5px;
    transition: background-color 0.2s ease;
    
}