Neomorphism - относительно новый тренд в веб-дизайне, представляющий из себя минималистичный стиль с мягкими тенями в качестве окантовки элементов. Применяется, по большей части, в приложениях под мобильные устройства.
HTML
<div class="neumorphism-box"></div>
CSS
body {
background-color: #f0f0f3;
width: 100vw;
height: 100vh;
}
.neumorphism-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
border-radius: 50px;
background-color: #f0f0f3;
box-shadow: 10px 10px 21px #d3d3d6,
-10px -10px 21px #fff;
}