@font-face{
    font-family: 'MixStitch';
    src: url('fonts/MixStitch.ttf') format('truetype');
}

body{
    margin:0;

    background-image:url("images/blue_felt.png");
    background-repeat:repeat;
    background-size:400px;

    font-family:'MixStitch', sans-serif;

    color:#222;
}


/* ventana */

.window{

    width:900px;

    margin:60px auto;

    background:#F4EBD5;

    border:6px solid #7A6248;

    box-shadow:8px 8px 0px black;

}


/* barra */

.titlebar {
    background: #B7383A;
    color: #fff8e8;
    padding: 20px;

    font-family: 'MixStitch', sans-serif;
    font-size: 60px;
    letter-spacing: 2px;
    text-align: center;

    border-bottom: 5px solid #7A6248;

    text-shadow:
        1px 0 #8a1f1f,
       -1px 0 #8a1f1f,
        0 1px #8a1f1f,
        0 -1px #8a1f1f;
}

.content{

    padding:40px;

}


h1{

    margin-top:0;

    font-size:48px;

    color:#B7383A;

}

p{

    font-size:22px;

}