@font-face {
    font-family: 'Delicious';
    src: url('Delicious-Bold.otf');
    font-weight: normal;
    font-style: normal;
    font-smooth: always;

}
@font-face {
    font-family: 'Pacifico';
    src: url('Pacifico.ttf');
    font-weight: bold;
    font-style: normal;
    font-smooth: always;

}
* {
	/* Fallback om användaren kommer från 90-talet (eller sitter fast i en IT-miljö med höga säkerhetskrav) */
    font-family: Verdana, Tahoma;
}


body
{ 
	background-color: #000;
	color: #333;

}
em
{
    /* Skrivstils typsnittet */
    font-family: Pacifico;

}
#content {
    /* sanseriferna */
    font-family: Delicious;
    /* Lite luftigt */
    width: 75%;
    height: 75%;
    /* viewport-width utgår från boxen, texten skalar med boxen */
    font-size: 5vw;

    /* Testkod för boxen - *
    background-color: #616161;
    /* */

    /* Centrera allt på bästa sätt */
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

}
.corner-ribbon{ /*Snodd och justerad */
    width: 300px;
    background: #e82;
    position: absolute;
    top: 50px;
    right: -70px;
    text-align: center;
    line-height: 50px;
    /*letter-spacing: 1px;*/
    color: #f0f0f0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }