.shower{
    width: 100%;
    height: 130px;
   background-image: linear-gradient(135deg, #FD6E6A 10%, #FFC600 100%);
    font-size: 2rem;
    color: aliceblue;

    font-family: 'Barlow Condensed', sans-serif;
    font-family: 'Caprasimo', cursive;
    font-family: 'Domine', serif;
    font-family: 'EB Garamond', serif;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Noto Serif', serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Slab', serif;
     text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.23);
}
@media screen and (max-width:370px)
{
    .shower{
        font-size: 1.40rem;
        height: 90px;
    }
}

h2{
    
    font-family: 'Barlow Condensed', sans-serif;
    font-family: 'Caprasimo', cursive;
    font-family: 'Domine', serif;
    font-family: 'EB Garamond', serif;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Noto Serif', serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Slab', serif;
    text-shadow: 3px 3px 2px rgba(164, 164, 164, 0.23);
}