@font-face 
{ 
  font-family: AngryBirdsText; 
  src: url('data/char_assets/fonts/AngryBirdsText-Regular.ttf');
  font-weight: 200;
}

html, body
{
	width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.cimg
{
	opacity: 80%;
}

.cimg:hover
{
	opacity: 100%;
}

.mTxt
{
    position: absolute;
    bottom: -10px;
    left: 10px;
	pointer-events: auto;
}

.cap 
{
    opacity: 0;
    transition: opacity .4s ease-in-out;
    position: absolute;
    bottom: 10px;
    right: 10px;
    /*color: white;*/
    background: rgba(0, 0, 0, 0.7);
    padding: 5px;
}

.cap.visible 
{
    opacity: 1;
}


.s-container 
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.s-background 
{
    width: 200%;
    height: 100%;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    left: 0;
	z-index: -1;
	background-size: auto 100%;
}

.s-box
{ 
    padding: 10px;
    overflow: auto;
	line-height: 1.5em;
}