body {
  background-color: rgb(17, 17, 17);
  color: rgb(244,244,244);
}

.jam {
  /* width: 100%; */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
    'Helvetica Neue', sans-serif;
  background-color: rgb(250, 245, 239);
}

/* markdown styling */
.jam .markdown a {
  text-decoration: underline;
  color: rgba(30, 64, 175); /* blue-800 */
  background-color: rgba(224, 128, 224);
}

.jam .markdown {
  padding: 1rem;
  position: absolute;
  margin-top: 0.5rem;
  max-width: 500px;
  max-height: 500px;
  overflow-y: scroll;
  border-radius: 10px;
  margin-right: 0.5rem;
  z-index: 20;
}

/* util */
.spaced-w-2 > *:not(:last-child) {
  margin-right: 0.5rem;
}
.spaced-h-2 > *:not(:last-child) {
  margin-bottom: 0.5rem;
}

/* bazaar */
.jam .room-header a[href^="https://gumroad.com"]
{
  background-image: url('/https/cornychat.com/img/bazaar/gumroad-logo.svg');
  background-repeat: no-repeat;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^="https://paypal.me"]
{
  background-image: url('/https/cornychat.com/img/bazaar/paypal-logo.svg');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^='bitcoin:'] {
  background-image: url('/https/cornychat.com/img/bazaar/bitcoin-logo.svg');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^='https://github.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/github-logo.svg');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^='https://beondeck.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/ondeck-logo.png');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^='https://ycombinator.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/ycombinator-logo.svg');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^='https://tiktok.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/tiktok-logo.svg');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^='https://twitter.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/twitter-logo.svg');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^='https://patreon.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/patreon-logo.png');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^='https://ko-fi.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/kofi-logo.png');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^='https://youtube.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/youtube-logo.svg');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^='https://instagram.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/instagram-logo.svg');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^='https://twitch.tv'],
.jam .room-header a[href^='https://www.twitch.tv']
{
  background-image: url('/https/cornychat.com/img/bazaar/twitch-logo.png');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href$='substack.com'] {
  background-image: url('/https/cornychat.com/img/bazaar/substack-logo.png');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href$='transistor.fm'], .room-header a[href^='https://share.transistor.fm'], a[href^='https://transistor.fm']
{
  background-image: url('/https/cornychat.com/img/bazaar/transistorfm-logo.png');
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  text-decoration: underline;
}

.jam .room-header a[href^='https://cash.app']
{
  background-image: url('/https/cornychat.com/img/bazaar/cashapp-logo.svg');
  background-repeat: no-repeat;
  background-size: 16px;
  padding-left: 20px;
  text-decoration: underline;
}

.jam .room-header .call-to-action a {
  background-repeat: no-repeat;
  background-size: 18px;
  text-decoration: none;
}

.jam .room-header .call-to-action a[href^="https://paypal.me"]
{
  background-image: url('/https/cornychat.com/img/bazaar/paypal-logo.svg');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^="https://gumroad.com"]
{
  background-image: url('/https/cornychat.com/img/bazaar/gumroad-logo.svg');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^='bitcoin:'] {
  background-image: url('/https/cornychat.com/img/bazaar/bitcoin-logo.svg');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^='https://github.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/github-logo.svg');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^='https://beondeck.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/ondeck-logo.png');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^='https://ycombinator.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/ycombinator-logo.svg');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^='https://tiktok.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/tiktok-logo.svg');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^='https://twitter.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/twitter-logo.svg');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^='https://patreon.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/patreon-logo.png');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^='https://ko-fi.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/kofi-logo.png');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^='https://youtube.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/youtube-logo.svg');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^='https://instagram.com']
{
  background-image: url('/https/cornychat.com/img/bazaar/instagram-logo.svg');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^='https://twitch.tv'],
.jam .room-header .call-to-action a[href^='https://www.twitch.tv']
{
  background-image: url('/https/cornychat.com/img/bazaar/twitch-logo.png');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href$='substack.com'] {
  background-image: url('/https/cornychat.com/img/bazaar/substack-logo.png');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href$='transistor.fm'], .room-header .call-to-action a[href^='https://share.transistor.fm'], .room-header .call-to-action a[href^='https://transistor.fm']
{
  background-image: url('/https/cornychat.com/img/bazaar/transistorfm-logo.png');
  background-position: 20px 50%;
  padding-left: 48px;
}

.jam .room-header .call-to-action a[href^='https://cash.app']
{
  background-image: url('/https/cornychat.com/img/bazaar/cashapp-logo.svg');
  background-position: 16px 50%;
  background-size: 16px;
  padding-left: 48px;
}

.jam h1,
.jam h2,
.jam h3 {
  width: 100%;
  font-weight: normal;
}
.jam h1 {
  font-size: 24px;
  margin: 3% 0% 3% 0%;
}
.jam h2 {
  font-size: 20px;
  margin: 3% 0% 3% 0%;
}
.jam input,
.jam textarea {
  padding: 10px;
  font-size: 18px;
  border-radius: 3px;
  border: 1px solid rgb(213, 213, 213);
}
.jam input[type='color'] {
  padding: 0;
}
.jam table td {
  padding: 0;
  border: 5px solid transparent;
  vertical-align: top;
}

.jam .human-radius {
  border-radius: 26%;
}

img.pictureImage {
  border:solid 2px;
  border-bottom-color:#ffe;
  border-left-color:#eed;
  border-right-color:#eed;
  border-top-color:#ccb;
  max-height:100%;
  max-width:300px;
}

.pictureFrame {
  background-color:#ddc;
  border:solid 5vmin #eee;
  border-bottom-color:#fff;
  border-left-color:#eee;
  border-radius:2px;
  border-right-color:#eee;
  border-top-color:#ddd;
  box-shadow:0 0 5px 0 rgba(0,0,0,.25) inset, 0 5px 10px 5px rgba(0,0,0,.25);
  box-sizing:border-box;
  display:inline-block;
  margin:2vh 2vw;
  padding:6vmin;
  position:relative;
  text-align:center;
  &:before {
    border-radius:2px;
    bottom:-2vmin;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.25) inset;
    content:"";
    left:-2vmin;
    position:absolute;
    right:-2vmin;
    top:-2vmin;
  }
  &:after {
    border-radius:2px;
    bottom:-2.5vmin;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
    content:"";
    left:-2.5vmin;
    position:absolute;
    right:-2.5vmin;
    top:-2.5vmin;
  }
}

div.emojiText {
  z-index:15;
  color: white;
  background-color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.flipdiv {
  width: 100%;
  height: 100%;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.spoiler {
  background: url(../img/spoiler.gif) no-repeat 6px center;
  border-radius: 0.2em;
  color: transparent;
}
.spoiler:target {
  background: transparent;
  color: inherit;
}

@keyframes fall {
  from {
     transform: translateY(0vh) translateX(-10vw);
  }
  to {
     transform: translateY(105vh) translateX(10vw);
  }
}
@keyframes points {
  0% {
    transform: translateY(20vh) translateX(0%);
  }
  10% {
    transform: translateY(18vh) translateX(0%) skew(-0.10turn, 30deg);
  }
  20% {
    transform: translateY(16vh) translateX(0%) skew(0.10turn, -30deg);
  }
  30% {
    transform: translateY(14vh) translateX(0%) skew(-0.10turn, 30deg);
  }
  40% {
    transform: translateY(12vh) translateX(0%) skew(0.10turn, -30deg);
  }
  50% {
    transform: translateY(10vh) translateX(0%) skew(-0.10turn, 30deg);
  }
  60% {
    transform: translateY(8vh) translateX(0%) skew(0.10turn, -30deg);
  }
  70% {
    transform: translateY(6vh) translateX(0%) skew(-0.10turn, 30deg);
  }
  80% {
    transform: translateY(4vh) translateX(0%) skew(0.10turn, -30deg);
  }
  90% {
    transform: translateY(2vh) translateX(0%) skew(-0.10turn, 30deg);
  }
  100% {
    transform: translateY(0vh) translateX(0%) skew(0.10turn, -30deg);
  }
}