The env() function can be used to access user-agent specified environment variables. These are provided by the client browser and are used to define the safe areas of the viewport, i.e. areas that are not obscured by the notch or other device hardware.
The following code snippet uses the env() function to ensure the content is displayed within the safe area:
body {
padding:
env(safe-area-inset-top)
env(safe-area-inset-right)
env(safe-area-inset-bottom)
env(safe-area-inset-left);
}