*{margin: 0;padding: 0;}
*{box-sizing: border-box;}
.token.selector{
  color: black;
}
.token.property{
  color: black;
}
.token.function{
  color: black;
}
#code-wrapper{
  padding: 16px;
  height: 100vh;
  display: flex;
}
#code{
  width: 100%;
  overflow: hidden;
}
#paper{
  background: #444; padding: 16px;
  position: fixed; width: 50%; height: 100%; right: 0;
  display: flex; align-items: flex-start;
}
#paper > .content{
  width: 100%;
  height: 100%;
  padding-left: 16px;
  overflow: hidden;
  background: white;
  display: none;
}
#paper>.html{
  background: white;
  width: 100%;
  height: 100%;
  padding: 16px;
  overflow: auto;
}
@keyframes breath{
  0%{
    box-shadow: 0 0 10px rgba(0,0,0,1)
  }
  100%{
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
  }
}