JSFiddle - React, Tailwind, and code Playground

by shapeshifta

HTML

<div id="overlay"><!-- Platz für Text im Header --></div>
<div id="shadow"></div>

<!-- der Restliche Text -->

CSS

* {
    margin:0 auto;
}

body {
    background:#f9f9f9;
}

#overlay {
    width:100%;
    position:relative;
    height:100px;
    background:#fff;
}

#shadow {
    border-radius:50%;
    width:100%;
    background:#fff;
    height:4px;
    box-shadow:0px 0px 10px rgba(0,0,0,0.8);  /* Hier kann man die Deckkraft anpassen */
    margin-top:-6px;
    margin-bottom:20px;
}