/* dinakelberman css */

/* light yellow #fcf4ac */

/*
EmojiSymbols Font (c)blockworks - Kenichi Kaneko
http://emojisymbols.com/
*/
@font-face {
  font-family: "EmojiSymbols";
  src: url("EmojiSymbols-Regular.woff") format("woff");
}


html, body {width:90vw;}

body {
min-height:calc(100vh - 40px);
margin:20px;
color:#484848;
line-height:1.5em;
font-size: 1.8vh;
font-family:times new roman, serif;
}

sidebar {
position: absolute;
display: block;
z-index: 99;
pointer-events: none;
}
::-webkit-scrollbar { width: 0 !important }
::-moz-scrollbar {width:0!important;}

a, header, it, contact, email, #mc_embed_signup, form, about, songs, live {pointer-events:all}

header {display:inline-block;}

/* jquery UI tooltips 
.dinatip {
background:#E2E2E2;
padding:0px 3px;
width:auto;
height:auto;
font-size:10px;
font-family:Lucida Grande, sans-serif;
border-radius:0;
box-shadow:none;
position:absolute;
} */

/* songs */
songs {display:block;margin:3vh 0;}

a[song] {cursor:pointer;}

audio {
	display: block;
    height: 1.5em;
    width: 25vw;
    margin-left: -32px;
}

songs bar {
    width: 60px;
    display: inline-block;
    background: #b3b3b3;
    height: 2px;
    margin: 0 0.5em 0.25em 0.5em;
}

piece songs bar {background:goldenrod}

songs bar inner {
	height: 2px;
    background: black;
    display: inline-block;
    position: absolute;
    width:0px;
    max-width:60px;
}

songs play {
	font-size: 2.25vh;
    bottom: -0.07em;
    position: relative;
}

songs playing {    font-size: 1.5vh;margin-left: 1em;}

/* TOSS */

audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    /* We use flex-start here to ensure that the play button is visible even
     * if we are too small to show all controls.
     */
    justify-content: flex-start;
    -webkit-user-select: none;
    position: relative;
    width: 100%;
    z-index: 0;
    overflow: hidden;
    text-align: right;
    bottom: auto;
    height: 1.5em;
    background-color: white;
    border-radius: 5px;
    /* The duration is also specified in MediaControlElements.cpp and LayoutTests/media/media-controls.js */
    transition: opacity 0.3s;
}
audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
    -webkit-appearance: media-play-button;
    display: flex;
    flex: none;
    border: none;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    line-height: 1.5em;
    margin-left: 9px;
    margin-right: 9px;
    padding: 0;
    background-color: initial;
    color: inherit;
}

audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
    -webkit-appearance: media-current-time-display;
    -webkit-user-select: none;
    flex: none;
    display: flex;
    border: none;
    cursor: default;
    height: 30px;
    margin: 0 9px 0 0;
    padding: 0;
    line-height: 30px;
    font-family: times new roman, serif;
    color:black;
    font-size: 1.5vh;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    text-decoration: none;
}
/* Specifies the size of the audio container */
audio {
  width: 115px;
  height: 25px;
}

audio::-webkit-media-controls-panel {
  -webkit-justify-content: center;
  height: 25px;
}

/* Removes the timeline */
audio::-webkit-media-controls-timeline {
  display: none !important;
}

/* Removes the time stamp */
audio::-webkit-media-controls-current-time-display {
  display: none;
}
audio::-webkit-media-controls-time-remaining-display {
  display: none;
}

mark songs {display:inherit;}

/* end songs */


a {text-decoration:none;color:inherit;cursor:pointer}
/*things a:not(.piece):after {content:' \00219D'}*/

header, it {cursor:pointer;}
header:hover, email:hover, contact:hover, about:hover {background:yellow;}

socials * {
    display: inline-block;
    position: fixed;
    width: 1.5vw;
    height: 1.5vw;
    font-size:1.5vw;  
    background-size: 100% 100%;
    background-repeat:no-repeat;
    z-index: 9999;
    cursor: grab;
    color:black;
}

insta {background-image: url(insta-blk.png);}
/*twitter {background-image: url(twitter-blk.png);}*/
vimeo {background-image: url(vimeo-blk.png);}
/*twitch {background-image: url(twitch-blk.png);}*/
soundcloud {font-size:1.3vw}
balloon {background-image:url(balloon.png);height: 2vw;width: 2vw;z-index:50;}

live {display:none;}

dot {
    width: 1.5vh;
    height: 1.5vh;
    background-color: #11c911;
    background-color:red;
    border-radius: 100%;
    display: inline-block;
    margin-bottom: -0.5px;
}

live span {
background:#fcf4ac;
background: orangered;
color: white;
padding: 0 6px;
}

i.insta {
	background-image: url(insta-blk.png);
    height: 13px;
    width: 13px;
    display: inline-block;
    background-size: contain;
    margin-bottom: -2px;
    background-repeat: no-repeat;
}

img.twitch {width:1.5vw; height:1.5vw;}
new, mark hot {background:yellow}

contact, about, y[old] {cursor:pointer;pointer-events:all}
email {display:none;position:absolute;z-index:9999;cursor:pointer;}
clip.contactozzy {height: 80vh;width: 62vh;}
clip.contactozzy img {transform:none;top:auto;}

heading {display:block;}
@keyframes wiggle {from {} to {letter-spacing:0px;}}

upcoming, menu {
display:block;
position:relative;
margin:3vh 0;
}

trav {color:#aaa}

[tickets] {
background: gold;
    color: black;
    font-size: 10px;
    font-family: consolas;
    padding: 5px 9px 3px;
    margin: -11px 5px;
}

/*
#meagain {
height: 100vh;
width: 100vw;
margin: -20px;
}
*/

things {position:relative;z-index:50;pointer-events:none!important}

old, who {display:block;overflow:hidden;position:relative;}
old.closed {height:0px;}

who {
display:none;
pointer-events: all;
width: 250px;
text-align: justify;
background: #fcf4ac;
padding: 10px;
line-height: normal;
margin-top: 10px;
}

about svg {width:10px;}

y {
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 2px;
    background: #fdffba;
}

a:hover, piece:hover {color:black;background-color:yellow!important;background-color:#fdf4ac,yellow!important}

piece[pb]:hover {background-color:inherit!important;}
piece[pb] it:hover, pblink:hover {background-color:yellow!important;}
a.pblink {cursor:pointer;}

piece pre {
font-family:times;
margin:0;
}
piece[not] pre {display:none;}
piece[me] pre, piece[yes] pre {display:table!important;}
mark, .tippy-box, mark heading span {background-color:#fcf4ac;}
mark {pointer-events:none}
/*mark it:hover {text-decoration:line-through}*/
code {
	font-size: 1.2vh;
    /*line-height: 1.6em;*/
    margin-bottom: 0;
}

images {display:none;}
pictures images {display:block;}

clip {
display: block;
position: absolute;
position:fixed;
top: 0;
right: 10vw;
width: 65vw;
height:100vh;
cursor:grab;
/*overflow-y:hidden;*/
}

#twitch-embed {
display:block;
position:fixed;
top:50%;
transform:translatey(-50%);
right:10vw;
cursor:grab;
overflow-y:hidden;
display:none;
}

clip.videos {overflow-y:scroll;}

clip img, clip div, clip iframe {    
	position: absolute;
    top: 50vh;
    transform: translateY(-50%);
    z-index: 10;
    width:100%;
}

/*clip img {padding:2vw 3.5vw;}*/

clip div {
    background-size: 7% 12%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 50;
    opacity:0;
    pointer-events:all; 
    width:5vw;
    height:5vw;
    background-size:contain;
    cursor:pointer;
    left: 50%;
    margin-left: -2.5vw;
}

clip div[play] {background-image: url(play.png);cursor:pointer;}
clip div[link] {background-image: url(link.png);left: 61vw;}

div[play] {opacity:1}

clip holder {
   /* height: 44vw; */
    width: 72vw;
    top: 50vh;
    transform: translateY(-50%);
    position: absolute;
}


clip iframe {
	position:relative;
	z-index:-10;
    /*width: 65vw;
    height: 37vw;
    /*left: 39px;*/
    /*top: 39px;*/
}

clip iframe:hover {z-index:9999;}

dblclick {
display:none;
position:absolute;
right:20px;
}

united, poisonbig, balloons {
display:none;
position:fixed;
z-index:99999;
height:50vh;
width:50vh;
padding:30px;
text-align:right;
}

united, poisonbig, special {cursor:grab;}

united div, balloons video {margin-top:10px;}
united close, poisonbig close, balloons close {cursor:pointer;}
united iframe, poisoncontrol {border:1px solid}

poisonbig {
display:block;
height:auto;
width:auto;
left:-100vw;
top:-100vh;
}

poisoncontrol {
display:block;
padding:0;
overflow-y:hidden;
height:auto;
width:50%;
margin-top:10px;
}

poisoncontrol::-webkit-scrollbar {display:none;}

poisoncontrol img {
height:80vh;
position:relative;
}

img[sphere] {
height:80%;
width:auto;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}

balloons {width:5vw;z-index:50}

pictures {
display: block;
position: absolute;
position:fixed;
/*height: 70vh;
white-space: nowrap;
top: 50%;
transform: translateY(-50%);*/
height:100vh;
right:10vw;
width:65vw;
overflow:auto;
z-index:10;
cursor:grab;
top:0;
}

/*
pictures img {height:100%;}
pictures img:first-of-type {width: calc(85vw - 20px);} */

pictures img {max-width:100%;max-height:90vh;display:block;}
pictures iframe {width:100%}

pictures img.vert {cursor: url(zoomin.png), pointer;max-height:90vh;}
pictures img.vert-zoom {cursor: url(zoomout.png), pointer;max-height:none;}

.tippy-tooltip, tippy, .tippy-box {
	color:black;
	font-size:1em;
	padding:3px;
	border-radius:0!important;
	border-top-left-radius:0!important;
	text-align:left;
}
.tippy-arrow {display:none;}

arrow {
    position: fixed;
    height: 70px;
    bottom: 0;
    text-align: center;
    right: 10vw;
    width: 65vw;
    z-index: 0;
    font-family: consolas;
    font-size:3vh;
    cursor:pointer;
    opacity:1;
    transition-duration:0.5s;
    /*display:none;*/
}

body.noarrow arrow {opacity:0!important}

web {
    right: 4vw;
    top: 50%;
    transform: rotate(90deg) translateX(25%);
    transform-origin: 100% 100%;
    position: fixed;
    display:none;
    background:yellow;
}
web.web {font-family: consolas;font-size: 1.35vh;}
web.sprite {background-color:#fcf4ac;font-style:italic}

/* individual pieces */

piece[is=nervous][me] br {display:none;}

#clipimg[src='pic-thewave.jpg'] {
	height:100%;
	width:auto;
}
users {display:block;width:100%;white-space:normal}
users a {background:#fcf4ac}

/************************************************************************** SPRITE ANIMATIONS */

/* http://www.piskelapp.com */
/* four columns */
 
sprite {
display: inline-block;
width: 65vw;
height: 36vw;
position: relative;
}

/* cloud formation sprites */
[cloudformations] sprite {transform:scaleY(1.2);margin: 0 0 30vh;}
[cloudformations] sprite[wide] {transform:none;}
[cloudformations] sprite[cinemascope] {transform:scaleY(0.7);}

[name='marjorie morningstar'] {background-image: url(cloudformations/Marjorie-Morningstar-16.png);}
[name='seminole'] {background-image: url(cloudformations/Seminole-14.png);}
[name='saskatchewan'] {background-image: url(cloudformations/Saskatchewan-13.png);}
[name='tumbleweed'] {background-image: url(cloudformations/Tumbleweed-9.png);}
[name='the black knight'] {background-image: url(cloudformations/theblackknight-7.png);}
[name='yankee buckaneer'] {background-image: url(cloudformations/yankeebuckaneer-9.png);}
[name='they came to cordura'] {background-image: url(cloudformations/theycametocordura-4.png);}
[name='dirt'] {background-image: url(cloudformations/dirt-10.png);}
[name='private house of the ss'] {background-image: url(cloudformations/privatehouseofthess-18.png);}
[name='the babysitter'] {background-image: url(cloudformations/thebabysitter-15.png);}
[name='the last chase'] {background-image: url(cloudformations/thelastchase-11.png);}
[name='the prince and the showgirl'] {background-image: url(cloudformations/theprinceandtheshowgirl-17.png);}
[name='gunfight at the ok corral'] {background-image: url(cloudformations/gunfightattheokcorral-11.png);}
[name='night passage'] {background-image: url(cloudformations/nightpassage-20.png);}
[name='the secret life of plants'] {background-image: url(cloudformations/thesecretlifeofplants-20.png);}
[name='the apple dumpling gang'] {background-image: url(cloudformations/theappledumplinggang-20.png);background-size: 400% 600%!important}
[name='sleepaway camp'] {background-image: url(cloudformations/sleepawaycamp-15.png);}
[name='unconquered'] {background-image: url(cloudformations/unconquered-13.png);}

/* pipe sprites */
[pipe] sprite {transform:scaleY(1.15);}
[pipe1] {background-image:url(pipe/pipe.png);}
[pipe2] {background-image:url(pipe/pipe-detail-cu.png);}

/* half full sprites */
[halffull] sprite {margin: 0 0 25vh;}

[blue] {background-image: url(halffull/blue-32.png);}
[blue2] {background-image: url(halffull/blue2-20.png);}
[brown] {background-image: url(halffull/brown-20.png);}
[dkblue] {background-image: url(halffull/dkblue-24.png);}
[dkbrown] {background-image: url(halffull/dkbrown-20.png);}
[dkgrey] {background-image: url(halffull/dkgrey-20.png);}
[dkteal] {background-image: url(halffull/dkteal-20.png);}
[grey] {background-image: url(halffull/grey-28.png);}
[gryello] {background-image: url(halffull/gryello-28.png);}
[ltblue] {background-image: url(halffull/ltblue-20.png);}
[ltblue2] {background-image: url(halffull/ltblue2-20.png);}
[ltbrown] {background-image: url(halffull/ltbrown-20.png);}
[ltgrey] {background-image: url(halffull/ltgrey-20.png);}
[ltorange] {background-image: url(halffull/ltorange-20.png);}
[lttan] {background-image: url(halffull/lttan-24.png);}
[ltteal] {background-image: url(halffull/ltteal2-24.png);}
[ltteal2] {background-image: url(halffull/ltteal-24.png);}
[ltyello] {background-image: url(halffull/ltyello-16.png);}
[orange] {background-image: url(halffull/orange-24.png);}
[pink] {background-image: url(halffull/pink-24.png);}  
[red] {background-image: url(halffull/red-24.png);}
[tan] {background-image: url(halffull/tan-24.png);}
[taupe] {background-image: url(halffull/taupe-20.png);}
[teal] {background-image: url(halffull/teal-24.png);}
[white] {background-image: url(halffull/white-20.png);}
[yello] {background-image: url(halffull/yellow-40.png);}


/* nests sprites */
[bluenest] {background-image: url(nests/blue-122.png);}
[rednest] {background-image: url(nests/red-122.png);}
[greynest] {background-image: url(nests/grey-142.png);}
[yellownest] {background-image: url(nests/yellow-122.png);}


/* SPRITE ANMIATIONS BY FRAME NUMBER */

/* 0.1625 per frame for 'no delay' speed in photoshop */

[frames4] {background-size: 400% 100%;animation: sprite4 0.4s step-end infinite;} 
[frames7] {background-size: 400% 200%;animation: sprite7 0.8s step-end infinite;} 
[frames9] {background-size: 400% 300%;animation: sprite9 1s step-end infinite;} 
[frames10] {background-size: 400% 300%;animation: sprite10 1s step-end infinite;} 
[frames11] {background-size: 400% 300%;animation: sprite11 1s step-end infinite;} 
[frames13] {background-size: 400% 400%;animation: sprite13 1.5s step-end infinite;} 
[frames14] {background-size: 400% 400%;animation: sprite14 1.5s step-end infinite;}  
[frames15] {background-size: 400% 400%;animation: sprite15 1.7s step-end infinite;}  
[frames16] {background-size: 400% 400%;animation: sprite16 1.7s step-end infinite;} 
[frames17] {background-size: 400% 500%;animation: sprite17 1.7s step-end infinite;}  
[frames18] {background-size: 400% 500%;animation: sprite18 1.7s step-end infinite;}  
[frames20] {background-size: 400% 500%;animation: sprite20 2.125s step-end infinite;}
[frames24] {background-size: 400% 600%;animation: sprite24 2.55s step-end infinite;}
[frames26] {background-size: 400% 700%;animation: sprite26 2.975s step-end infinite;}
[frames28] {background-size: 400% 700%;animation: sprite28 2.975s step-end infinite;}
[frames32] {background-size: 400% 800%;animation: sprite32 3.4s step-end infinite;}
[frames40] {background-size: 400% 1000%;animation: sprite40 4.25s step-end infinite;}

[frames122] {background-size: 400% 3100%;animation: sprite122 13s step-end infinite;}
[frames142] {background-size: 400% 3500%;animation: sprite142 15.1s step-end infinite;}

@keyframes sprite4 {
	25% {background-position:-65vw 0vw;}
	50% {background-position:-130vw 0vw;}
	75% {background-position:-195vw 0vw;}
	100% {background-position:0 0vw;}
}

@keyframes sprite7 {
	14.26% {background-position:-65vw 0vw;}
	28.52% {background-position:-130vw 0vw;}
	42.78% {background-position:-195vw 0vw;}
	57.04% {background-position:0 0vw;}
	71.3% {background-position:-65vw -36vw;}
	85.56% {background-position:-130vw -36vw;}
	100% {background-position:-195vw -36vw;}
}

@keyframes sprite9 {
	11% {background-position:-65vw 0vw;}
	22% {background-position:-130vw 0vw;}
	33% {background-position:-195vw 0vw;}
	44% {background-position:0 0vw;}
	55% {background-position:-65vw -36vw;}
	66% {background-position:-130vw -36vw;}
	77% {background-position:-195vw -36vw;}
	88% {background-position:0 -72vw;}
	100% {background-position:-65vw -72vw;}
}

@keyframes sprite10 {
	10% {background-position:-65vw 0vw;}
	20% {background-position:-130vw 0vw;}
	30% {background-position:-195vw 0vw;}
	40% {background-position:0 0vw;}
	50% {background-position:-65vw -36vw;}
	60% {background-position:-130vw -36vw;}
	70% {background-position:-195vw -36vw;}
	80% {background-position:0 -72vw;}
	90% {background-position:-65vw -72vw;}
	100% {background-position:-130vw -72vw;}	
}

@keyframes sprite11 {
	9.09% {background-position:-65vw 0vw;}
	18.18% {background-position:-130vw 0vw;}
	27.27% {background-position:-195vw 0vw;}
	36.36% {background-position:0 0vw;}
	45.45% {background-position:-65vw -36vw;}
	54.54% {background-position:-130vw -36vw;}
	63.63% {background-position:-195vw -36vw;}
	72.72% {background-position:0 -72vw;}
	81.81% {background-position:-65vw -72vw;}
	90.9% {background-position:-130vw -72vw;}
	100% {background-position:-195vw -72vw;}
}

@keyframes sprite13 {
	7.7% {background-position:-65vw 0vw;}
	15.4% {background-position:-130vw 0vw;}
	23.1% {background-position:-195vw 0vw;}
	30.8% {background-position:0 0vw;}
	38.5% {background-position:-65vw -36vw;}
	46.2% {background-position:-130vw -36vw;}
	53.9% {background-position:-195vw -36vw;}
	61.6% {background-position:0 -72vw;}
	69.3% {background-position:-65vw -72vw;}
	77% {background-position:-130vw -72vw;}
	84.7% {background-position:-195vw -72vw;}
	92.4% {background-position:0 -108vw;}
	100% {background-position:-65vw -108vw;} 
}

@keyframes sprite14 {
	7.14% {background-position:-65vw 0vw;}
	14.28% {background-position:-130vw 0vw;}
	21.42% {background-position:-195vw 0vw;}
	28.56% {background-position:0 0vw;}
	35.7% {background-position:-65vw -36vw;}
	42.84% {background-position:-130vw -36vw;}
	49.98% {background-position:-195vw -36vw;}
	57.12% {background-position:0 -72vw;}
	64.26% {background-position:-65vw -72vw;}
	71.4% {background-position:-130vw -72vw;}
	78.54% {background-position:-195vw -72vw;}
	85.68% {background-position:0 -108vw;}
	92.82% {background-position:-65vw -108vw;} 
	100% {background-position:-130vw -108vw;} 
}

@keyframes sprite15 {
	6.67% {background-position:-65vw 0vw;}
	13.34% {background-position:-130vw 0vw;}
	20% {background-position:-195vw 0vw;}
	26.67% {background-position:0 0vw;}
	33.34% {background-position:-65vw -36vw;}
	40% {background-position:-130vw -36vw;}
	46.67% {background-position:-195vw -36vw;}
	53.34% {background-position:0 -72vw;}
	60% {background-position:-65vw -72vw;}
	66.67% {background-position:-130vw -72vw;}
	73.34% {background-position:-195vw -72vw;}
	80% {background-position:0 -108vw;}
	86.67% {background-position:-65vw -108vw;} 
	93.34% {background-position:-130vw -108vw;} 
	100% {background-position:-195vw -108vw;}
}

@keyframes sprite16 {
	6.25% {background-position:-65vw 0vw;}
	12.5% {background-position:-130vw 0vw;}
	18.75% {background-position:-195vw 0vw;}
	25% {background-position:0 0vw;}
	31.25% {background-position:-65vw -36vw;}
	37.5% {background-position:-130vw -36vw;}
	43.75% {background-position:-195vw -36vw;}
	50% {background-position:0 -72vw;}
	56.25% {background-position:-65vw -72vw;}
	62.5% {background-position:-130vw -72vw;}
	68.75% {background-position:-195vw -72vw;}
	75% {background-position:0 -108vw;}
	81.25% {background-position:-65vw -108vw;} 
	87.5% {background-position:-130vw -108vw;} 
	93.75% {background-position:-195vw -108vw;}
	100% {background-position:0 -108vw;}
}

@keyframes sprite17 {
	5.88% {background-position:-65vw 0;}
	11.76% {background-position:-130vw 0;}
	17.64% {background-position:-195vw 0;}
	23.52% {background-position:0 0;}
	29.4% {background-position:-65vw -36vw;}
	35.28% {background-position:-130vw -36vw;}
	41.16% {background-position:-195vw -36vw;}
	47.04% {background-position:0 -72vw;}
	52.92% {background-position:-65vw -72vw;}
	58.8% {background-position:-130vw -72vw;}
	64.68% {background-position:-195vw -72vw;}
	70.56% {background-position:0 -108vw;}
	76.44% {background-position:-65vw -108vw;}
	82.32% {background-position:-130vw -108vw;}
	88.2% {background-position:-195vw -108vw;}
	94.08% {background-position:0 -144vw;}
	100% {background-position:-65vw -144vw;}
}

@keyframes sprite18 {
	5.56% {background-position:-65vw 0;}
	11.12% {background-position:-130vw 0;}
	16.68% {background-position:-195vw 0;}
	22.24% {background-position:0 0;}
	27.8% {background-position:-65vw -36vw;}
	33.36% {background-position:-130vw -36vw;}
	38.92% {background-position:-195vw -36vw;}
	44.48% {background-position:0 -72vw;}
	50% {background-position:-65vw -72vw;}
	55.56% {background-position:-130vw -72vw;}
	61.12% {background-position:-195vw -72vw;}
	66.68% {background-position:0 -108vw;}
	72.24% {background-position:-65vw -108vw;}
	77.8% {background-position:-130vw -108vw;}
	83.36% {background-position:-195vw -108vw;}
	88.92% {background-position:0 -144vw;}
	94.48% {background-position:-65vw -144vw;}
}

@keyframes sprite20 {
	5% {background-position:-65vw 0;}
	10% {background-position:-130vw 0;}
	15% {background-position:-195vw 0;}
	20% {background-position:0 0;}
	25% {background-position:-65vw -36vw;}
	30% {background-position:-130vw -36vw;}
	35% {background-position:-195vw -36vw;}
	40% {background-position:0 -72vw;}
	45% {background-position:-65vw -72vw;}
	50% {background-position:-130vw -72vw;}
	55% {background-position:-195vw -72vw;}
	60% {background-position:0 -108vw;}
	65% {background-position:-65vw -108vw;}
	70% {background-position:-130vw -108vw;}
	75% {background-position:-195vw -108vw;}
	80% {background-position:0 -144vw;}
	85% {background-position:-65vw -144vw;}
	90% {background-position:-130vw -144vw;}
	95% {background-position:-195vw -144vw;}
}
 
@keyframes sprite24 {
	4.2% {background-position:-65vw 0;}
	8.4% {background-position:-130vw 0;}
	12.6% {background-position:-195vw 0;}
	16.8% {background-position:0 -36vw;}
	21% {background-position:-65vw -36vw;}
	25.2% {background-position:-130vw -36vw;}
	29.4% {background-position:-195vw -36vw;}
	33.6% {background-position:0 -72vw;}
	37.8% {background-position:-65vw -72vw;}
	42% {background-position:-130vw -72vw;}
	46.2% {background-position:-195vw -72vw;}
	50.4% {background-position:0 -108vw;}
	54.6% {background-position:-65vw -108vw;}
	58.8% {background-position:-130vw -108vw;}
	63% {background-position:-195vw -108vw;}
	64.2% {background-position:0 -144vw;}
	68.4% {background-position:-65vw -144vw;}
	72.6% {background-position:-130vw -144vw;}
	76.8% {background-position:-195vw -144vw;}
	81% {background-position:0 -180vw;}
	85.2% {background-position:-65vw -180vw;}
	89.4% {background-position:-130vw -180vw;}
	93.6% {background-position:-195vw -180vw;}
}

@keyframes sprite26 {
	7.7% {background-position:-65vw 0;}
	11.55% {background-position:-130vw 0;}
	15.40% {background-position:-195vw 0;}
	19.25% {background-position:0 -36vw;}
	23.10% {background-position:-65vw -36vw;}
	26.95% {background-position:-130vw -36vw;}
	30.80% {background-position:-195vw -36vw;}
	34.65% {background-position:0 -72vw;}
	38.5% {background-position:-65vw -72vw;}
	42.35% {background-position:-130vw -72vw;}
	46.2% {background-position:-195vw -72vw;}
	50.05% {background-position:0 -108vw;}
	53.9% {background-position:-65vw -108vw;}
	57.75% {background-position:-130vw -108vw;}
	61.6% {background-position:-195vw -108vw;}
	65.45% {background-position:0 -144vw;}
	69.3% {background-position:-65vw -144vw;}
	73.15% {background-position:-130vw -144vw;}
	77% {background-position:-195vw -144vw;}
	80.85% {background-position:0 -180vw;}
	84.7% {background-position:-65vw -180vw;}
	88.55% {background-position:-130vw -180vw;}
	92.4% {background-position:-195vw -180vw;}
	96.25% {background-position:0 -216vw;}
	100% {background-position:-65vw -216vw;}
}

@keyframes sprite28 {
	3.6% {background-position:-65vw 0;}
	7.2% {background-position:-130vw 0;}
	10.8% {background-position:-195vw 0;}
	14.4% {background-position:0 -36vw;}
	18% {background-position:-65vw -36vw;}
	21.6% {background-position:-130vw -36vw;}
	25.2% {background-position:-195vw -36vw;}
	28.8% {background-position:0 -72vw;}
	32.4% {background-position:-65vw -72vw;}
	36% {background-position:-130vw -72vw;}
	39.6% {background-position:-195vw -72vw;}
	43.2% {background-position:0 -108vw;}
	46.8% {background-position:-65vw -108vw;}
	50.4% {background-position:-130vw -108vw;}
	54% {background-position:-195vw -108vw;}
	57.6% {background-position:0 -144vw;}
	61.2% {background-position:-65vw -144vw;}
	64.8% {background-position:-130vw -144vw;}
	68.4% {background-position:-195vw -144vw;}
	72% {background-position:0 -180vw;}
	75.6% {background-position:-65vw -180vw;}
	79.2% {background-position:-130vw -180vw;}
	82.8% {background-position:-195vw -180vw;}
	86.4% {background-position:0 -216vw;}
	90% {background-position:-65vw -216vw;}
	93.6% {background-position:-130vw -216vw;}
	97.2% {background-position:-195vw -216vw;}
}

@keyframes sprite32 {
	3.1% {background-position:-65vw 0;}
	6.2% {background-position:-130vw 0;}
	9.3% {background-position:-195vw 0;}
	12.4% {background-position:0 -36vw;}
	15.5% {background-position:-65vw -36vw;} 
	18.6% {background-position:-130vw -36vw;} 
	21.7% {background-position:-195vw -36vw;} 
	24.8% {background-position:0 -72vw;} 
	27.9% {background-position:-65vw -72vw;}  
	31% {background-position:-130vw -72vw;}  
	34.1% {background-position:-195vw -72vw;}  
	37.2% {background-position:0 -108vw;}
	40.3% {background-position:-65vw -108vw;} 
	43.4% {background-position:-130vw -108vw;} 
	46.5% {background-position:-195vw -108vw;} 
	49.6% {background-position:0 -144vw;}
	52.7% {background-position:-65vw -144vw;} 
	55.8% {background-position:-130vw -144vw;} 
	58.9% {background-position:-195vw -144vw;} 
	61% {background-position:0 -180vw;} 
	64.1% {background-position:-65vw -180vw;}  
	67.2% {background-position:-130vw -180vw;}  
	70.3% {background-position:-195vw -180vw;}  
	73.4% {background-position:0 -216vw;} 
	76.5% {background-position:-65vw -216vw;}  
	79.6% {background-position:-130vw -216vw;}  
	82.7% {background-position:-195vw -216vw;}  
	85.8% {background-position:0 -252vw;}
	88.9% {background-position:-65vw -252vw;} 
	91% {background-position:-130vw -252vw;} 
	94% {background-position:-195vw -252vw;} 
}

@keyframes sprite40 {
	2.5% {background-position:-65vw 0;}
	5% {background-position:-130vw 0;}
	7.5% {background-position:-195vw 0;}
	10% {background-position:0 -36vw;}
	12.5% {background-position:-65vw -36vw;}
	15% {background-position:-130vw -36vw;}
	17.5% {background-position:-195vw -36vw;}
	20% {background-position:0 -72vw;}
	22.5% {background-position:-65vw -72vw;}
	25% {background-position:-130vw -72vw;}
	27.5% {background-position:-195vw -72vw;}
	30% {background-position:0 -108vw;}
	32.5% {background-position:-65vw -108vw;}
	35% {background-position:-130vw -108vw;}
	37.5% {background-position:-195vw -108vw;}
	40% {background-position:0 -144vw;}
	42.5% {background-position:-65vw -144vw;}
	45% {background-position:-130vw -144vw;}
	47.5% {background-position:-195vw -144vw;}
	50% {background-position:0 -180vw;}
	52.5% {background-position:-65vw -180vw;}
	55% {background-position:-130vw -180vw;}
	57.5% {background-position:-195vw -180vw;}
	60% {background-position:0 -216vw;}
	62.5% {background-position:-65vw -216vw;}
	65% {background-position:-130vw -216vw;}
	67.5% {background-position:-195vw -216vw;}
	70% {background-position:0 -252vw;}
	72.5% {background-position:-65vw -252vw;}
	75% {background-position:-130vw -252vw;}
	77.5% {background-position:-195vw -252vw;}
	80% {background-position:0 -288vw;}
	82.5% {background-position:-65vw -288vw;}
	85% {background-position:-130vw -288vw;}
	87.5% {background-position:-195vw -288vw;}
	90% {background-position:0 -324vw;}
	92.5% {background-position:-65vw -324vw;}
	95% {background-position:-130vw -324vw;}
	97.5% {background-position:-195vw -324vw;}
}

@keyframes sprite122 {
	0.82% {background-position:-65vw 0;}
	1.64% {background-position:-130vw 0;}
	2.46% {background-position:-195vw 0;}
	3.28% {background-position:0 -36vw;}
	4.10% {background-position:-65vw -36vw;}
	4.92% {background-position:-130vw -36vw;}
	5.74% {background-position:-195vw -36vw;}
	6.56% {background-position:0 -72vw;}
	7.38% {background-position:-65vw -72vw;}
	8.20% {background-position:-130vw -72vw;}
	9.02% {background-position:-195vw -72vw;}
	9.84% {background-position:0 -108vw;}
	10.66% {background-position:-65vw -108vw;}
	11.48% {background-position:-130vw -108vw;}
	12.30% {background-position:-195vw -108vw;}
	13.12% {background-position:0 -144vw;}
	13.94% {background-position:-65vw -144vw;}
	14.76% {background-position:-130vw -144vw;}
	15.58% {background-position:-195vw -144vw;}
	16.40% {background-position:0 -180vw;}
	17.22% {background-position:-65vw -180vw;}
	18.04% {background-position:-130vw -180vw;}
	18.86% {background-position:-195vw -180vw;}
	19.68% {background-position:0 -216vw;}
	20.50% {background-position:-65vw -216vw;}
	21.32% {background-position:-130vw -216vw;}
	22.14% {background-position:-195vw -216vw;}
	22.96% {background-position:0 -252vw;}
	23.78% {background-position:-65vw -252vw;}
	24.60% {background-position:-130vw -252vw;}
	25.42% {background-position:-195vw -252vw;}
	26.24% {background-position:0 -288vw;}
	27.06% {background-position:-65vw -288vw;}
	28.70% {background-position:-130vw -288vw;}
	29.52% {background-position:-195vw -288vw;}
	30.34% {background-position:0 -324vw;}
	31.16% {background-position:-65vw -324vw;}
	31.98% {background-position:-130vw -324vw;}
	32.80% {background-position:-195vw -324vw;}
	/* OMG JUST CODE OUT THE MATH */	
}

@keyframes sprite142 {
	0.82% {background-position:-65vw 0;}
	1.64% {background-position:-130vw 0;}
	2.46% {background-position:-195vw 0;}
	3.28% {background-position:0 -36vw;}
	4.10% {background-position:-65vw -36vw;}
	4.92% {background-position:-130vw -36vw;}
	5.74% {background-position:-195vw -36vw;}
	6.56% {background-position:0 -72vw;}
	7.38% {background-position:-65vw -72vw;}
	8.20% {background-position:-130vw -72vw;}
	9.02% {background-position:-195vw -72vw;}
	9.84% {background-position:0 -108vw;}
	10.66% {background-position:-65vw -108vw;}
	11.48% {background-position:-130vw -108vw;}
	12.30% {background-position:-195vw -108vw;}
	13.12% {background-position:0 -144vw;}
	13.94% {background-position:-65vw -144vw;}
	14.76% {background-position:-130vw -144vw;}
	15.58% {background-position:-195vw -144vw;}
	16.40% {background-position:0 -180vw;}
	17.22% {background-position:-65vw -180vw;}
	18.04% {background-position:-130vw -180vw;}
	18.86% {background-position:-195vw -180vw;}
	19.68% {background-position:0 -216vw;}
	20.50% {background-position:-65vw -216vw;}
	21.32% {background-position:-130vw -216vw;}
	22.14% {background-position:-195vw -216vw;}
	22.96% {background-position:0 -252vw;}
	23.78% {background-position:-65vw -252vw;}
	24.60% {background-position:-130vw -252vw;}
	25.42% {background-position:-195vw -252vw;}
	26.24% {background-position:0 -288vw;}
	27.06% {background-position:-65vw -288vw;}
	28.70% {background-position:-130vw -288vw;}
	29.52% {background-position:-195vw -288vw;}
	30.34% {background-position:0 -324vw;}
	31.16% {background-position:-65vw -324vw;}
	31.98% {background-position:-130vw -324vw;}
	32.80% {background-position:-195vw -324vw;}
	33.62% {background-position:0 -360vw;}	
	34.44% {background-position:-65vw -360vw;}
	35.26% {background-position:-130vw -360vw;}
	36.08% {background-position:-195vw -360vw;}	
	37.72% {background-position:0 -396vw;}	
	38.54% {background-position:-65vw -396vw;}
	39.36% {background-position:-130vw -396vw;}
	40.18% {background-position:-195vw -396vw;}	
	41.00% {background-position:0 -432vw;}	
	41.82% {background-position:-65vw -432vw;}
	42.65% {background-position:-130vw -432vw;}
	43.46% {background-position:-195vw -432vw;}	
	44.28% {background-position:0 -468vw;}	
	45.10% {background-position:-65vw -468vw;}
	45.92% {background-position:-130vw -468vw;}
	46.74 {background-position:-195vw -468vw;}				
}

/************************* project specific css */

pictures[nostalgia], pictures[doors] {text-align:center;}
pictures[phonephotos] img {min-width:60%;}
pictures[doors] img {min-width:80%}

/*
pictures[lifegoeson] {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}

pictures[lifegoeson] img {
	display:inline-block;
	margin-left:25vw!important;
}
pictures[lifegoeson] img:last-of-type {margin-right:25vw!important}
arrow.lifegoeson {
	transform: rotate(-90deg);
	width:100vh;
}
/*
pictures[lifegoeson]:before {
	margin-left: 50px;
    content: '>';
    display: block;
    position: fixed;
    height: 100vh;
    line-height: 100vh;
    font-size: 30px;
    font-family: consolas;
} */

em[spongestudy]:hover, em[spongelure]:hover {background:yellow;cursor:pointer}

/****************************************************** MAIL CHIMP */

#mc_embed_signup, form {margin:0}

.field-group input{
	display:block;
	margin:0;
	padding:5px;
	border:0;
	background:none;
	width:100%;
}

.button,.button-small{
display: inline-block;
font-family: times new roman;
width: auto;
white-space: nowrap;
height: 23px;
margin: 3px 0;
padding: 0 5px;
text-decoration: none;
text-align: center;
font-size: 10px;
line-height: 20px;
cursor: pointer;
border: none;
vertical-align: top;
}
input{
	-webkit-appearance:none;
}
textarea:focus, input:focus{
 outline: 0;
}
		
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #484848;
    border:none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #484848;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #484848;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #484848;
}

.email {
    -webkit-appearance: none;
    padding: 7px 0 5px 10px;
    color: #484848;
    font-family: arial;
    letter-spacing: 1px;
    font-size: 1.1vh;
    border: none;
    border-bottom: 1px solid;
}

.do {
border-radius: 0px;
border: 1px solid #484848;
height: 22px;
}

/* END CHIMP */

/* MOBILE */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) {

			body {font-size:1em;}
			
			y {font-size:0.75em;}
			
			header {display:inline-block;}

			sidebar {width:90vw;}
			
			upcoming, menu {margin:3vh 0;}

			clip, pictures {
				position: relative;
				width: calc(100vw - 40px);
				margin:0.75em 0;
				right: auto;
				height:auto;
				overflow:hidden!important;
			}

			clip img {
			position:relative;
			top:0;
			transform:none;
			}
			
			clip img, clip div {transform:none;}

			clip div[play] {
				top:0;
				transform:none;
				opacity:1;
				width: 15vw;
				height: 15vw;
				margin: -7.5vw;
			}

			clip iframe, clip div {
				position:relative;	
				margin:0!important;
				left: 0;
				top:0;
				opacity:1;
			}
			
			holder {position:absolute;}
			
			.fluid-width-video-wrapper iframe {
				position:absolute!important;
				height:100%!important;
			}

			body pictures#pictures * {margin:0 0 5vh}
			
			pictures sprite {
			    margin: 40px 0 8vh 0!important;
				transform: scale(1.5);
				left: 30px;
				top: 40px;
			}
			
			pictures sprite:first-of-type {
				margin: 0px 0 8vh 0!important;
			}
			
			body pictures#pictures img:last-of-type {margin:0;}

			piece[me] {display: block;}
			
			a:hover, piece:hover, email:hover, contact:hover, about:hover {background:transparent!important;background-color:transparent!important;}

			socials * {
				position: relative;
				width: 4.5vw;
				height: 4.5vw;
				font-size:4.5vw;
				margin:3px 1vw;
				float:right;
			}
			socials i {margin:0}
			twitch {margin-top:4px;}
			soundcloud {margin-right:2vw;}
			i.fa-twitter {font-size:4.75vw;}
			
			clip img[sphere] {
				width:100%;
				left:0;
				transform:none;
				}

			pre {white-space:pre-wrap}
			
			tippy {
				display:block;
				background:#fcf4ac;
				margin-bottom:3vh;
				pointer-events:all;
				/*display:none;*/
			}
			
			cv {text-transform:uppercase;}
			
			#mc_embed_signup {margin:5vh 0;}
			.email {font-size:0.8em;width:50vw;}
			
			arrow {display:none!important}
			
			#flyclip {width:100%;height:auto;aspect-ratio:1208 / 1662;}


} /* end mobile */