/*!
Author: Zeljko Antesevic
License: Real-time
Datum update: 30.01.2020.
*/
<style>
      * {margin: 0;padding: 0;}
      p {margin-bottom: 16px;}
      body {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 400;font-size: 16px;}

      header {
        font-size: 16px;
        text-align: center;
        height: 50px;
        background-color: rgb(61, 110, 216);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: env(safe-area-inset-top);
      }

      #main {
        padding-top: 16px;
        padding-left: max(16px, env(safe-area-inset-left));
        padding-right: max(16px, env(safe-area-inset-right));
        padding-bottom: env(safe-area-inset-bottom);
      }
    </style>