*{
    scroll-behavior: smooth;
    padding: 0px;
    margin: 0px;
}
.h1{
    color:white;
    background:linear-gradient(90deg,rgb(212, 0, 0),rgb(255, 189, 189),rgb(211, 0, 0),transparent 135%);
    text-align: center;
    margin-bottom: -40px;
    border-radius: 15px;
}
.img{
    background: radial-gradient(purple,rgb(231, 0, 231),rgb(255, 59, 255),pink,transparent);
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin:10px 0px;
}
.img1{
    background: radial-gradient(rgb(0, 0, 255),#2323ff,rgb(108, 108, 255),rgb(177, 177, 255),transparent);
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin:10px 0px;
}
.img2{
    background: radial-gradient(rgb(0, 186, 0),rgb(0, 255, 0),rgb(96, 255, 96),rgb(186, 255, 186),transparent);
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin:10px 0px;
}
.img3{
    background: radial-gradient(rgb(0, 116, 161),rgb(0, 183, 255),#24c1ff,skyblue,transparent);
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin:10px 0px;
}
.img4{
    background: radial-gradient(#4eff4e,blue,skyblue,pink,transparent);
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin:10px 0px;
}
.h2{
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    border: 3px solid brown;
    background-color: burlywood;
    color: orangered;
}
.pic{
    border-radius: 15px;
    width: 25%;
    height: 215px;
    margin: 12px 20px;
    padding: 5px;
}