body {
    background-color: #303030;
    color: #fff;
    text-shadow: .15vw .15vw 0px #000;
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: #faa;
    text-decoration: none;
}

img.profile {
    position: absolute;
    left: 25%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10%;
    border-radius: 100%;
    z-index: 2;
}

.main {
    background-color: #a03030;
    position: absolute;
    top: 0px;
    left: 25%;
    display:block;
    z-index: 1;
    width: 75%;
    height: 100%;
}

.header {
    width: 25%;
    height: 100%;
    position: absolute; 
    top: 0px;
    left: 0px;
    border-image-source: url("./border.png");
    border-image-slice: 60;
    border-image-width: 10;
    border-image-repeat: repeat;
    border-style: solid;
    border-left: 0px solid #fff;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff; 
}

.title {
    position: absolute;
    bottom: 50%;
    left: 10px;
    width: 70%;
    text-align: center;
}

.subtitle {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 70%;
    text-align: center;
}

.main > * > p {
    max-width: 90%;
    float: right;
    margin: 10px;
    text-align: right;
    font-size: 24pt;
}

.main > .text {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
}

small {
    color: #800;
    opacity: 50%;
}