.blocks{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(100px, auto);
    grid-template-areas:
    ". . b b b b b b b b . ."
    "a a a a a a a a a a a a"
    ". f f f f f f f f f f ."
    "m m m m m m m m m m m m "
    "v v v v v v v v v v v v" 
    ". h h h h h h h h h h ."
    ". . . g g g g g g . . ."
    "e e e e e e e e e e e e";
}

.block{
    margin: 90px 5 90px 5;
    color: rgb(255, 255, 255);
    /* border-radius: 20px; */
    text-shadow: 5px 5px 10px black,5px 5px 10px rgba(0, 0, 0, 0.605), -5px -5px 10px rgba(255, 255, 255, 0.038),  -2px -2px 5px rgba(0, 0, 0, 0.219);

}

.block h2{
    margin-bottom: 1em;
}

.news{
    grid-area: v;
    color: white;
    /* background-color: rgb(203, 151, 151);
    box-shadow:1em 1em 1em #212121; */
    background-color: rgba(46, 31, 31, 0.2);
	padding: 0 30px;
	border-radius: 20px;
	backdrop-filter: blur(3px);
    transform-style: preserve-3d;
    transform: perspective(800px);
	border-top: 1px solid rgba(255,255,255,.5);
	border-left: 3px solid rgba(255,255,255,.5);
	box-shadow: 5px 5px 10px black, inset 5px 5px 10px rgba(0,0,0,.2), inset -5px -5px 10px rgba(255,255,255,.2), inset -2px -2px 5px rgba(0,0,0, .5);
    padding-bottom: 2rem;
    text-shadow: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 1000px) {
    .blocks{
        grid-template-areas:
            ". . b b b b b b b b . ."
            "a a a a a a a a a a a a"
            "f f f f f f f f f f f f"
            "v v v v v v v v v v v v" 
            ". h h h h h h h h h h ."
            "g g g g g g g g g g g g"
            "e e e e e e e e e e e e";
    }
    
}