body{
    background-color: yellow;
    font-family: Arial, sans-serif;
    margin: 20px;
}

h1{
    font-size: 32px;
    margin-bottom: 25px;
}

.gallery{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.item{
    text-align: center;
}

.item img{
    width: 180px;
    height: 150px;
    border: 1px solid #000;
    object-fit: cover;
}

.item p{
    margin-top: 5px;
    font-size: 14px;
}
.back{
    text-align:center;
    margin:35px 0;
}

.back a{

    display:inline-block;

    padding:12px 25px;

    background:linear-gradient(135deg,#4CAF50,#2E8B57);

    color:white;

    text-decoration:none;

    border-radius:30px;

    font-size:18px;

    font-weight:bold;

    box-shadow:0 5px 10px rgba(0,0,0,.2);

    transition:.3s;
}

.back a:hover{

    background:linear-gradient(135deg,#2E8B57,#4CAF50);

    transform:translateY(-3px);

    box-shadow:0 8px 18px rgba(0,0,0,.3);
}