*{margin:0;padding:0;}
*{box-sizing:border-box;}

.token.selector{  color:black;  }
.token.property{  color:black;  }
.token.function{  color:black;  }
#code{  height:100vh;  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) }
}