:root {
  --bdr-max: #424242;
  --text-color: #bdbdbd;
  --a-color: #42a5f5;
  --nav-text:#bdbdbd;
  --revert-fill:#212121;
  --head:#e0e0e0;
  --gray-color-1:#9e9e9e;
  --share-bg:#424242;
  --font-size:1rem;
  --p-size:0.875rem;
}

@supports (padding:max(0px)){
    body, header, footer {
    padding-left: min(0vmin,env(safe-area-inset-left));
    padding-right: min(0vmin,env(safe-area-inset-right));
}
}