/*unsplash project*/
.container {
    text-align: center;
    display: flex;
    justify-content: center;
    
}

.main-card {
    width: 400px;
    height: 100%;
    margin-top:100px;
    border: 3px solid black;
    border-radius: 17px;
}

.img{
    width: 100%;
    height: 200px;
    border: 0px solid black;
    border-radius: 15px;
}

.svg {
    width: 100%;
    height: 100%;
}

/*End of unsplash project*/

/* media queries*/
@media only screen and (max-width: 600px) {
    .main-card {
            width: 100%;
            margin: 0px;
            margin-top:20px;
        }
}