@import url('https//font.googleapis.coom/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap'
);
*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif; 
}

#somsa
{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #35424A;
}

#somsa .container
/*{
    width: 900px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 40px 0;
}
*/
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

#somsa .container .box
{
    text-align: center;
    padding: 40px;
    box-shadow: -3px 3px 15px rgba(255,255,255,0.2), 5px 5px 50px rgba(0,0,0,0.75);
    margin: 20px;
    min-width: 320px;
    border-radius: 10px;
}

#somsa .container .box:hover
{
    box-shadow: inset -3px 3px 15px rgba(255,255,255,0.2), inset 5px 5px 50px rgba(0,0,0,0.75);
}

#somsa .container .box:nth-child(1)
{
    color: #37B6FF;
}

#somsa .container .box:nth-child(2)
{
    color: #37B6FF;
}

#somsa .container .box:nth-child(3)
{
    color: #37B6FF;
}


#somsa .container .box .icon
{
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #35424A;
    box-shadow: -3px -3px 10px rgba(255,255,255,0.2), 5px 5px 50px rgba(0,0,0,0.75);
    border-radius: 8px;
}

#somsa .container .box .icon:hover
{
    box-shadow: inset -3px 3px 15px rgba(255,255,255,0.2), inset 5px 5px 50px rgba(0,0,0,0.75);
}

#somsa .container .box .icon .fa
{
    font-size: 3em;
    cursor: pointer;
}

#somsa .container .box .icon:hover .fa
{
    transform: scale(0.95);
}

#somsa .container h4
#somsa .container h3
{
    position: relative;
    font-weight: 400;
    font-size: 1.2em;
}

#somsa .container h4
{
    font-weight: 600;
}