@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}

100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}

100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}

100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}

100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}

.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}


@-webkit-keyframes bounceIn {
0% {
opacity: 1;
-webkit-transform: scale(.3);
}

50% {
opacity: 1;
-webkit-transform: scale(1.05);
}

70% {opacity: 1;

-webkit-transform: scale(.9);
}

100% {opacity: 1;

-webkit-transform: scale(1);
}
}

@-moz-keyframes bounceIn {
0% {
opacity: 1;
-moz-transform: scale(.3);
}

50% {opacity: 1;

opacity: 1;
-moz-transform: scale(1.05);
}

70% {opacity: 1;

-moz-transform: scale(.9);
}

100% {opacity: 1;

-moz-transform: scale(1);
}
}

@-o-keyframes bounceIn {
0% {
opacity: 1;
-o-transform: scale(.3);
}

50% {
opacity: 1;
-o-transform: scale(1.05);
}

70% {
    opacity: 1;

-o-transform: scale(.9);
}

100% {
    opacity: 1;

-o-transform: scale(1);
}
}

@keyframes bounceIn {
0% {
opacity: 1;
transform: scale(.3);
}

50% {
opacity: 1;
transform: scale(1.05);
}

70% {
    opacity: 1;

transform: scale(.9);
}

100% {
    opacity: 1;

transform: scale(1);
}
}

.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}

.video embed{
    width:100%;
    height:100%
z-index:500 !important;
}

.video iframe{
        width:100%;
        height:100%
        z-index:500 !important;
}

iframe#tumblr_controls,.btn.icon.theme{filter:invert(100%);-webkit-filter:invert(100%);-moz-filter:invert(100%);-o-filter:invert(100%);-ms-filter:invert(100%);position:fixed!important}


.triangle-isosceles {
    position:relative;
    padding:10px;
	margin:1em 0 3em;
	color:#000;
	background:{color:speach bubble}; /* default background for browsers without gradient support */
	/* css3 */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-isosceles.top {
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835));
}

/* Variant : for left/right positioned triangle
------------------------------------------ */

.triangle-isosceles.left {
	margin-left:50px;
	background:{color:speach bubble};
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-isosceles.right {
	margin-right:50px;
    background:{color:speach bubble};
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates triangle */
.triangle-isosceles:after {
	content:"";
	position:absolute;
	bottom:-10px; /* value = - border-top-width - border-bottom-width */
	left:30px; /* controls horizontal position */
	border-width:10px 10px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:{color:speach bubble} transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}