body {
    background-color: pink;
    background-image: url(vecteezy_dog-and-cat-paw-pattern-background_.jpg);
    
}
.main {
    background-color: rgba(255, 192, 203, 0.623);
    padding-top: 7px;
    border-radius: 15px;
    border: dotted rgb(253, 170, 183) 7px;
    color: white;

    h1 {
        text-align: center;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        background-color: lightpink;
        padding: 7px;
        width: 50%;
        border-radius: 15px;
        margin-left: 25%;
    }
    h3 {
        text-align: center;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        background-color: lightpink;
        padding: 7px;
        width: 25%;
        border-radius: 15px;
        margin-left: 37%;
        margin-top: 0;

        button {
            color: white;
            background-color: lightpink;
            border-radius: 15px;
            border: dotted white 4px;
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            padding: 5px;
            font-weight: 600;

        }
    }
}


.maincontent{
  padding-top: 0%;
  padding-left:2%;
  padding-right: 2%;
}

.col {
  padding: 1%;
}
.col-lg{
    height: 200px;
    overflow: hidden;
    margin: 10px 0;
    position: relative;
    flex-basis: 30%;
}


.col-lg img{
  display:block;
    position: absolute;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    border-radius: 15px;
}
.imgrid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}