Стопка бумаг

dabblet.css

/**
 * Стопка бумаг
 */

        .paper {
            position: relative;
            margin: 50px;
            padding: 20px 20px 20px 50px;
            width: 480px;
            min-height: 650px;
            border: 1px solid #ccc;
            background: #fffeef;
            box-shadow: 0 0 3px #aaa;
            color: #555;
            font: 100% "American Typewriter", "Courier New", monospace;
        }
        .paper:before,
        .paper:after {
            position: absolute;
            border: 1px solid #ccc;
            box-shadow: 0 0 3px #aaa;
            content: "";
            transition: all .5s ease-in-out;
        }
        .paper:before {
            top: -5px;
            right: 4px;
            bottom: 4px;
            left: -5px;
            z-index: -1;
            background: #fafafa;
        }
        .paper:after {
            top: -10px;
            right: 10px;
            bottom: 10px;
            left: -10px;
            z-index: -2;
            background: #f0f0f0;
        }
        
        .paper:hover:before {
            transform:rotate(-3deg);
        }
        .paper:hover:after {
            transform:rotate(-6deg);
        }
        
        .intro {
            margin-bottom: 50px;
            margin-left: 250px;
        }

dabblet.html

<div class="paper">
    <p class="intro">
        1 Infinite Loop<br>
        Cupertino CA 9504<br>
        United States
    </p>
    <p>Here’s to the crazy ones. The misfits. The rebels. The troublemakers. The round pegs in the square holes.</p>
    <p>The ones who see things differently. They’re not fond of rules. And they have no respect for the status quo. You can quote them, disagree with them, glorify or vilify them.</p>
    <p>About the only thing you can’t do is ignore them. Because they change things. They invent. They imagine. They heal. They explore. They create. They inspire. They push the human race forward.</p>
    <p>Maybe they have to be crazy.</p>
    <p>How else can you stare at an empty canvas and see a work of art? Or sit in silence and hear a song that’s never been written? Or gaze at a red planet and see a laboratory on wheels?</p>
    <p>. . .</p>
    <p>While some see them as the crazy ones, we see genius. Because the people who are crazy enough to think they can change the world, are the ones who do.</p>
</div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}