@charset "UTF-8";

.TileMenu1,
.TileMenu2,
.TileMenu4{
    display: grid;
    row-gap:6px;
    width:100%;
    margin-bottom:6px;
}
.TileMenu1{
    grid-template-columns: 1fr;
}
.TileMenu2{
    grid-template-columns: 1fr 1fr;
    column-gap:6px;
}
.TileMenu4{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap:6px;
}
.row1{
    grid-row:1/2;
    grid-column:1/2;
}
.row2{
    grid-row:1/2;
    grid-column:2/3;
}
.row3{
    grid-row:1/2;
    grid-column:3/4;
}
.row4{
    grid-row:1/2;
    grid-column:4/5;
}
.TileMenu1 img,
.TileMenu2 img,
.TileMenu4 img{
    width: 100%;
    height:100%;
    border-radius:5px;
    transition: .3s;
}
.TileMenu1 a:hover img,
.TileMenu2 a:hover img,
.TileMenu3 a:hover img,
.TileMenu4 a:hover img{
    filter:drop-shadow(0px 0px 1px rgba(6, 9, 235, 0.7))
    drop-shadow(0px 0px 3px rgba(43, 46, 223, 0.6))
    drop-shadow(0px 0px 4px rgba(16, 101, 230, 0.5));
}