21/07/2025

<div class="top"></div>
<div class="battery">
  <div class="level"></div>
</div>
<style>
  body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: -0.9rem 0;
    gap: 0.65rem;
    height: 100%;
    width: 100%;
    background: #423F36;
  }
  .top {
    height: 1.25rem;
    width: 3rem;
    border-radius: 1.5rem 1.5rem 0 0;
    background: #BBBBBB;
  }
  .battery {
    width: 6.2rem;
    height: 10rem;
    border-radius: 1.8rem;
    border: 0.65rem solid #BBBBBB;
    display: flex;
    align-items: end;
  }
  .level {
    width: 100%;
    height: 1.3rem;
    margin: 0.6rem;
    border-radius: 0 0 0.7rem 0.7rem;
    background: #EC2F28;
  }
</style>