.paper{width:100%;transform:rotate(var(--rotater));background:#fffffff2;border-radius:2px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}.paper:hover{transform:rotate(0)}.redMargin{pointer-events:none;z-index:2;background:#ff000059;width:2px;height:100%;position:absolute;top:0;left:45px}.lines{background-image:repeating-linear-gradient(#0000 0 24px,#4682b4 24px 25px,#0000 25px);width:100%;min-height:calc(100% - 40px);margin-top:40px}.text{color:#2c3e50;word-wrap:break-word;cursor:text;white-space:pre-wrap;outline:none;margin-top:25px;margin-bottom:20px;margin-right:20px;line-height:25px}.staple:after{content:"";background:linear-gradient(145deg,#f4f4f4,#fff);border:.5px solid #969696;border-radius:50px;width:15px;height:3px;position:absolute;top:0;left:0;box-shadow:2px 2px 60px #bebebe,-2px -2px 60px #fff,0 0 5px #00000080}.staple:before{content:"";background:linear-gradient(145deg,#f4f4f4,#fff);border:.5px solid #969696;border-radius:50px;width:15px;height:3px;position:absolute;top:0;left:18px;box-shadow:2px 2px 60px #bebebe,-2px -2px 60px #fff,0 0 5px #00000080}