.front
{
    border: solid 1px black;
    display: table-cell;
    height: 12cm;
    text-align: center;
    vertical-align: middle;
    width: 12cm;
}

.front .title, .front .cd
{
    font-size: 60px;
    font-family: sans-serif;
    font-weight: bolder;
    text-transform: uppercase;
}

.sp
{
    margin: 1cm 0; 
}

.back
{
    border: solid 1px black;
    color: black;
    display: table;
    height: 11.8cm;
    width: 15.3cm;
}

.back .title
{
    font-variant: small-caps
}

.back .center .title
{
    font-size: 14px;
    font-weight: bolder;
}

.back .left, .back .right
{
    display: block;
    height: 11.8cm;
    text-align: left;
    vertical-align: top;
    width: 0.8cm;
}
.back .left
{
    border-right: dashed 1px gray;
    float: left;
}
.back .right
{
    border-left: dashed 1px gray;
    float: right;
}
.back .left .title, .back .right .title
{
    font-size: 13pt;
    font-weight: bolder;
    margin-top: 5.5cm;
    margin-left: -5.15cm;
    position: absolute;
}

.back .left .title
{
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: center;
    width: 11.1cm;
}
.back .right .title
{
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    text-align: center;
    width: 11cm;
}

.back .center
{
    text-align: center;
}

.back ol
{
    text-align: left;
}

.back .author
{
    float: right;
    width: 45%;
}