.main-card{
    display:flex;
    justify-content: center;
    align-items: center;
    width:280px;
    height:280px;
    opacity:0.6;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    box-shadow: 10px 10px 0 #FFF;
}

.main-card .main-project{
    width: 300px;
    height: 300px;
}

.main-card.-second{
    background-color: #7C5E99;
}

.main-card.-third{
    background-color: #041647;
}

.main-card.-prime{
    background-color: #310D20;
}

.main-card:hover{
    opacity: 1;
    transform: translateY(-10px);
}