body {
font-family: segoe ui light;
background-color: #eeeeee;
}

h1 {
justify-self: center;
}

#ctlDisplay {
display: flex;
flex-flow: row wrap;
gap: 30px;
text-align: center;
justify-content: center;
padding: 50px;

> div {
display: flex;
flex-direction: column;
align-items: center;
width: 150px;
padding: 20px;
border-radius: 8px;
box-shadow: 8px 8px 10px #8293ad;
background-color: white;

> a {
margin-top: 10px;
text-decoration: none;
color: #4f4f4f;
}

> img {
width: 36px;
height: 36px;
object-fit: contain;
}
}

&.img_view {
> div {
> img {
width: 136px;
height: 136px;
}
}
}
}