@charset "utf-8";
/* CSS Document */
body{
    font-family: Arial, Helvetica, sans-serif;
    background:#f2f2f2;
    margin:40px;
    color:#222;
}

.page{
    max-width:900px;
    margin:auto;
    background:white;
    padding:40px;
    border-radius:10px;
    box-shadow:0 3px 12px rgba(0,0,0,.12);
}

h1{
    margin-top:0;
    color:#2d4b7a;
}

.meta{
    color:#666;
    margin-bottom:30px;
}

.song{
    margin:26px 0;
    font-size:16px;

}
.verse{
	white-space: pre-wrap;
	padding-left: 10px;
}
.refrain{
	white-space: pre-wrap;
    background:#fff8dc;
	padding-left: 10px;	
}

.chords{
    font-weight:bold;
    color:#96004F;
    font-family: Consolas, monospace;
}



.note{
    margin-top:40px;
    padding:15px;
    background:#eef6ff;
    border-radius:6px;
}

@media print{
    body{
        background:white;
        margin:10mm;
    }

    .song{
        box-shadow:none;
        border:none;
        padding:0;
    }
}