font-size: 3.5rem;

padding: 5vh 7vw;

text-shadow: 1px 1px 1px rgb(223, 227, 229), 6px 6px 1px rgba(0, 0, 0, 0.25);

-webkit-text-stroke: 1px rgba(56, 56, 56, 0.20);

}

@media only screen and (max-width: 658px) {

h1 {

font-size: 2em;

padding: 32px 40px;

}

border-radius: 10px 10px 0 0;

text-decoration: none;

background-color: rgba(0, 0, 0, 0.4);

box-shadow: 0 0 transparent,0 0 transparent,0 0 transparent,0 0 transparent, 0 2px 3px 0 rgba(0,0,0,0.15),0 1px 2px 0 rgba(0,0,0,0.06);

border-radius: 10px;

transition: transform .3s ease-in-out 0s;

}

.item:hover{

transform: scale3d(1.05, 1.05, 1);

border: 3px solid #ffffff;

filter: drop-shadow(10px);

filter: contrast(110%);

font-size: 1.3rem;

width: 90vw;

grid-template-columns: repeat(auto-fit,minmax(320px,1fr));

grid-gap: 24px;

row-gap: 24px;