*
{
    margin: 0 auto;
    font-family: monospace;
}
body
{
    background-color: #111;
}
#content
{
    
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    flex-direction: column;
}
#content>p
{
    font-size: 20px;
    color: #ffffff45;
    visibility: hidden;
}

#box
{
    background-color: #224;
    transition: background-color 300ms ease-in-out;
    color: white;
    border-radius: 8px;
    width: 30px;
    height: 30px;
    display: flex;
    
    justify-content: center;
    align-items: center;
    margin: 10px;
    text-transform: uppercase;
}
#box>h2
{
    font-size: 12px;
}
#grid
{
    display: flex;
    filter: drop-shadow(0px 0px 10px #000);
}

#bar
{
    color: white;
    display: flex;
    font-size: 12px;
    width: 100vw;
}