body{
    background-color: #EDF6E5;
}
.allProducts{
    width: 450px;
    height: 350px;
    display: flex;
    flex-wrap: wrap;

}
#mySelect{
background-color: #cc445f;
color: white;
border:black;
border-radius: 20px;
cursor: pointer;
text-align: center;
width: 100px;
height: 30px;
margin-bottom: 15px;
}

.maindiv{
    background-color: #B5EAEA;
    margin-left: 20px;
    border-radius: 30px;
    margin-bottom: 30px;
}

.boyProducts{
    width: 450px;
    height: 350px;
    display: flex;
    flex-wrap: wrap

 }

.girlProducts{
    width: 450px;
    height: 350px;
    display: flex;
    flex-wrap: wrap

}

#images{
    
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-left: 15px;

}

.maindiv img{
box-shadow: rgba(0, 191, 255, 0.986);
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;


}

.maindiv p{
    text-align: center;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: x-large;
    color: #cc445f;
    padding-top: 10px;
    padding-bottom: 20px;

    }

.maindiv button{
margin-left: 170px;
background-color: #cc445f;
color: white;
padding: 12px 20px;
border:black;
border-radius: 20px;
cursor: pointer;
text-align: center;
width: 150px;
font-size: 16px;
margin-bottom: 20px;
}

main div h1{
margin-top: 60px;
text-align: center;
font-family: 'Indie Flower', cursive;
text-shadow: 4px 4px 4px #aaa;
color: #cc445f;
font-size: xx-large;
}

p .B{
    color: skyblue;
}

p .G{

    color: hotpink;
}

main div label{
color: #cc445f;
margin-left: 100px;
margin-right: 20px;
font-size: x-large;

}