body
{
    background-color: black;
}

.box
{
    text-align: center;
    color: white; 
    padding: 50px;
    margin:200px auto;
    transform: translateY(-50%);
    width: 50%;
    overflow: hidden;
    border-radius: 20px;
    border: 10px solid #000000;
    box-shadow: 0 0 10px 10px rgb(255,115,8),
                0 0 20px 20px rgb(250,245,235),
                0 0 50px 40px rgb(13,140,8);;
}

.box ul
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: none;
}
.box ul li
{
    width:100px;
    height:100px;
    margin:40px;
    border-radius: 100%;
    box-shadow: 0 0 10px 10px rgb(255,155,8),
                0 0 20px 10px rgb(250,245,235),
                0 0 20px 20px rgb(13,140,8);
}
.box ul li h1
{
    text-align: center;
    line-height: 50px;
    font-family: cursive;
    text-shadow: 0 5px 5px rgb(255,115,8),
                 0 -5px 5px rgb(250,245,235),
                 0 -5px 5px rgb(13,140,8);
}