body{
    background: darkred;
    font-family: Arial, sans-serif;
    font-size: 9px;
}

#disclaimer{
    position: fixed;
    z-index: 10000;
    left: 10px;
    top: 10px;
    padding: 10px;
    background: yellow;
    width: 170px;
}
#background{
    position: fixed;
    left: -2.5%;
    top:  -2.5%;
    width:  105%;
    height: 105%;
    background: #300 url('../img/background.jpg') no-repeat center;
    background-size: cover;
    background-blend-mode: soft-light;
}

#grungeFrame{
    position: fixed;
    background: url('../img/grunge-frame.png') no-repeat center;
    background-size: cover;
    left: -5%;
    top:  -5%;
    width:  110%;
    height: 110%;
}
#contentBackground{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 550px;
    height: 750px;
    background: url('../img/bear-bg.png') no-repeat center;
    background-size: cover;
    opacity: 0.8;
}
#content{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
}

#content img{
    max-width: 100%;
    display: block;
}
#content iframe{
    border: 7px solid #45300e;
    border-top: none;
    width: 100%;
    box-sizing: border-box;
    background: #000;
    border-radius: 0 0 25px 25px;
}

#nameWrap{
    position: fixed;
    background: url('../img/letters.png') no-repeat center;
    background-size: contain;
    left: 20%;
    top:  8%;
    width:  60%;
    height: 10%;
}

#overlay{
    position: fixed;
    left: -5%;
    top:  -5%;
    width:  110%;
    height: 110%;
    opacity: 0.5;
    background: darkred url('../img/overlay.jpg') no-repeat center;
    background-size: cover;
    pointer-events: none;
    mix-blend-mode: hard-light; /* color burn */
    transition: mix-bend-mode 1s;
}
#overlay.flash{
    mix-blend-mode: color-burn;
}

#viewport{
    position: fixed;
    top: -1075px;
    left: -1025px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 75px 25px;
    border: 1000px solid rgba(0,0,0,0.6);
    box-shadow: inset 0 0 300px 200px rgba(0,0,0,0.6);
    pointer-events: none;
    transform: rotate(9deg);
}