*{
  box-sizing:border-box;
}

body{
  margin:0;
  padding:0;
  overflow:hidden;
  font-family:sans-serif;
  background:var(--bg);
}

.app{
  width:100%;
  height:100vh;
}

.hidden{
  display:none !important;
}

.screen{
  width:100%;
  height:100vh;
  overflow-y:auto;
  box-sizing:border-box;
  padding:16px;
}

.screen.active{
  display:block;
}

@keyframes fade{

  from{
    opacity:0;
    transform:translateY(8px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}