header {
  padding: 10px 80px 7px 15px;
  position: relative;
  background: #333;
  color: white;
  font-family: Georgia, Times, serif;
  font-size: 15px;
  font-style: italic;
}
header h1,
header p {
  display: inline-block;
}
header h1 {
  margin-bottom: 5px;
}
header p {
  line-height: 1.4;
  color: #bed4dc;
}
header p a {
  color: #67b1cd;
  text-decoration: none;
  border-bottom: 1px dotted;
}
header .share-link {
  padding: 15px 10px 7px;
  position: absolute;
  right: 15px;
  top: -8px;
  background: #55acee;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  font-style: normal;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
}
header .share-link:hover {
  background: #469cd1;
}
@media (max-width: 500px) {
  header {
    padding: 15px 80px 15px 15px;
  }
}
.entry {
  text-align: center;
  min-height: 400px;
  position: relative;
}
.entry.tall {
  min-height: 450px;
}
.entry div {
  position: absolute;
  left: 50%;
  top: 50%;
}
.entry div:before,
.entry div:after {
  display: block;
  content: '';
  position: absolute;
}
@media (max-width: 400px) {
  .entry div:not(.no-scale) {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
@media all and (min-width: 960px) {
  .entry {
    float: left;
    width: 50%;
  }
  .entry.wide {
    width: 100%;
  }
  .entry.threes {
    width: 33.333%;
  }
}
#camera {
  background: #ffa500;
}
#camera div {
  width: 300px;
  height: 130px;
  margin-left: -150px;
  margin-top: -65px;
  z-index: 1;
  background: linear-gradient(to right, #111 0%, #444 15%, #444 85%, #111 100%);
  border-top: 15px solid #ccc;
  border-bottom: 12px solid #ccc;
  border-image: linear-gradient(to right, #444, #ccc, #ccc, #ccc, #ccc, #444) 1% stretch;
  box-shadow: 0 3px 4px -2px rgba(0,0,0,0.6), 0 10px 7px -2px rgba(0,0,0,0.4);
}
#camera div:before {
  width: 33px;
  height: 18px;
  margin-left: 30px;
  top: -30px;
  left: 50%;
  z-index: 2;
  background: #333;
  box-shadow: 0 0 0 2px #eee, -1px -1px 1px 3px #333, -95px 6px 0 0 #ccc, 30px 3px 0 12px #ccc, -18px 37px 0 46px #ccc, -96px -6px 0 -6px #555, -96px -9px 0 -6px #ddd, -155px -10px 1px 3px #888, -165px -10px 1px 3px #999, -170px -10px 1px 3px #666, -162px -8px 0 5px #555, 85px -4px 1px -3px #ccc, 79px -4px 1px -3px #888, 82px 1px 0 -4px #555;
}
#camera div:after {
  width: 100px;
  height: 100px;
  margin-left: -20px;
  top: 15px;
  left: 50%;
  z-index: 3;
  background: linear-gradient(45deg, #ccc 40%, #ddd 100%);
  border-radius: 50%;
  box-shadow: 0 3px 2px #999, 1px -2px 0 white, -1px -3px 2px #555, 0 0 0 15px #c2c2c2, 0 -2px 0 15px white, -2px -5px 1px 17px #666, 0 10px 10px 15px rgba(0,0,0,0.3), -90px -51px 1px -43px #aaa, -90px -50px 1px -40px #888, -90px -51px 0 -34px #ccc, -90px -50px 0 -30px #aaa, -90px -48px 1px -28px rgba(0,0,0,0.2), -124px -73px 1px -48px #eee, -125px -72px 0 -46px #666, -85px -73px 1px -48px #eee, -86px -72px 0 -46px #666, 42px -82px 1px -48px #eee, 41px -81px 0 -46px #777, 67px -73px 1px -48px #eee, 66px -72px 0 -46px #666, -46px -86px 1px -45px #444, -44px -87px 0 -38px #333, -44px -86px 0 -37px #ccc, -44px -85px 0 -34px #999, 14px -89px 1px -48px #eee, 12px -84px 1px -48px #999, 23px -85px 0 -47px #444, 23px -87px 0 -46px #888;
}
#bloody-mary {
  background: #b0e0e6;
}
#bloody-mary div {
  width: 180px;
  height: 100px;
  margin-left: -90px;
  margin-top: 10px;
  z-index: 2;
  background: linear-gradient(to right, #eee 0%, #db493e 3%, #b8423a 5%, #53646e 7%, #b8423a 9%, #53646e 11%, #53646e 14%, #bfc9ca 33%, #eee 41%, #eee 75%, #95a4a3 85%, #556168 90%, #7c8285 98%, white 100%);
  border-bottom-left-radius: 80px 10px;
  border-bottom-right-radius: 80px 10px;
  border-bottom: 2px solid #ddd;
  box-shadow: 0 3px 4px -3px rgba(0,0,0,0.4), 0 8px 7px -3px rgba(0,0,0,0.2);
}
#bloody-mary div:before {
  width: 40px;
  height: 95px;
  margin-left: 40px;
  top: -140px;
  left: 50%;
  z-index: 1;
  background: #d7e17f;
  background: linear-gradient(to right, #cdeca8 10%, #a2d269 18%, #a2d269 25%, #bde192 45%, #bde192 55%, #95c260 75%, #95c260 82%, #bde192 90%);
  border-top-left-radius: 20px 3px;
  border-top-right-radius: 20px 3px;
  border-top: 5px solid #95c260;
  box-shadow: -65px 111px 0 14px #eee;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
#bloody-mary div:after {
  width: 177px;
  height: 170px;
  margin-left: -90px;
  top: -105px;
  left: 50%;
  z-index: 3;
  background: linear-gradient(to right, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 45%, rgba(255,255,255,0.3) 55%, rgba(255,255,255,0.3) 65%, rgba(255,255,255,0) 80%, rgba(0,0,0,0.2) 100%), linear-gradient(to bottom, transparent 30%, #e04435 30%, #ab2e22 100%);
  border: 1px solid #ddd;
  border-right-width: 2px;
  border-bottom-width: 5px;
  border-top-width: 2px;
  border-top-color: #eee;
  border-bottom-left-radius: 150px 15px;
  border-bottom-right-radius: 150px 15px;
  border-top-left-radius: 120px 15px;
  border-top-right-radius: 120px 15px;
}
#cpt-america {
  background: #899d4e;
}
#cpt-america div {
  width: 250px;
  height: 250px;
  margin-left: -125px;
  margin-top: -140px;
  z-index: 1;
  background: linear-gradient(45deg, rgba(255,255,255,0) 35%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 65%), linear-gradient(-45deg, rgba(255,255,255,0) 35%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 65%), linear-gradient(to right, rgba(0,0,0,0) 35%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 65%), linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 65%), radial-gradient(ellipse at center, #0033b0 20%, #ce0021 20%, #ce0021 35%, #bbb 35%, #bbb 55%, #ce0021 55%);
  border-radius: 50%;
  box-shadow: 0 3px 0 #a20917;
}
#cpt-america div:before {
  width: 70px;
  height: 70px;
  margin-left: -35px;
  margin-top: -35px;
  top: 50%;
  left: 50%;
  z-index: 2;
  background: rgba(0,80,170,0.5);
  border-radius: 50%;
  content: '★';
  font-size: 70px;
  color: #ddd;
  line-height: 65px;
  text-shadow: -1px 1px 0 #3e92ff, 1px -1px 0 #1e436d;
}
#cpt-america div:after {
  width: 200px;
  height: 30px;
  margin-left: -100px;
  top: 215px;
  left: 50%;
  border-radius: 50%;
  box-shadow: 0 50px 20px rgba(0,0,0,0.15);
}
#breakfast {
  background: #008b8b;
}
#breakfast div {
  width: 210px;
  height: 210px;
  margin-left: -105px;
  margin-top: -110px;
  border-radius: 50%;
  background: #f7f7f7;
  box-shadow: inset 0 2px 8px rgba(0,0,0,0.1), 0 0 0 20px white, 0 6px 0 20px #eee, 0 12px 4px 20px rgba(0,0,0,0.2);
}
#breakfast div:before {
  width: 140px;
  height: 140px;
  left: 70px;
  top: 0px;
  border-radius: 50%;
  background: #d6ab75;
  box-shadow: 0 6px 0 #f1cb9a, 0 8px 2px rgba(0,0,0,0.2), -132px 40px 0 -61px #f6c83e, -128px 40px 0 -54px #edb815, -128px 42px 2px -54px rgba(0,0,0,0.2), -115px 30px 0 -30px white, -62px 90px 0 -61px #f6c83e, -65px 90px 0 -54px #edb815, -65px 92px 2px -54px rgba(0,0,0,0.2), -80px 90px 0 -32px white, -115px 33px 2px -30px rgba(0,0,0,0.1), -80px 93px 2px -32px rgba(0,0,0,0.1), -8px 110px 0 -45px #8c7842, -8px 113px 2px -45px rgba(0,0,0,0.2), 25px 103px 0 -45px #806c35, 25px 106px 2px -45px rgba(0,0,0,0.2), -93px -40px 0 -45px #e4a5b6, -93px -39px 0 -42px #c97d91, -93px -37px 2px -42px rgba(0,0,0,0.2);
}
#breakfast div:after {
  width: 30px;
  height: 30px;
  left: 120px;
  top: 50px;
  border-radius: 2px;
  background: #fbf6bc;
  box-shadow: 1px 1px 0 2px #dfd888, 2px 2px 3px 2px rgba(0,0,0,0.2);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
#battery {
  background: black;
}
#battery div {
  width: 250px;
  height: 120px;
  margin-left: -130px;
  margin-top: -60px;
  border-radius: 10px/30px;
  border-left: 2px solid rgba(255,255,255,0.2);
  border-right: 2px solid rgba(255,255,255,0.2);
  background-image: linear-gradient(to right, transparent 5%, #316d08 5%, #316d08 7%, #60b939 8%, #60b939 10%, #51aa31 11%, #51aa31 60%, #64ce11 61%, #64ce11 63%, #255405 63%, black 68%, black 95%, transparent 95%), linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.4) 4%, rgba(255,255,255,0.2) 7%, rgba(255,255,255,0.2) 14%, rgba(255,255,255,0.8) 14%, rgba(255,255,255,0.2) 40%, rgba(255,255,255,0) 41%, rgba(255,255,255,0) 80%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4) 86%, rgba(255,255,255,0.6) 90%, rgba(255,255,255,0.1) 92%, rgba(255,255,255,0.1) 95%, rgba(255,255,255,0.5) 98%);
}
#battery div:before {
  width: 12px;
  height: 55px;
  right: -14px;
  top: 32px;
  border-top-right-radius: 6px 10px;
  border-bottom-right-radius: 6px 10px;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 14%, rgba(255,255,255,0.8) 14%, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0) 41%, rgba(255,255,255,0) 80%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4) 86%, rgba(255,255,255,0.6) 90%, rgba(255,255,255,0.1) 92%, rgba(255,255,255,0.1) 95%, rgba(255,255,255,0.5) 98%);
}
#battery div:after {
  width: 220px;
  height: 120px;
  left: 10px;
  border-radius: 5px/30px;
  border-left: 4px solid black;
  border-right: 4px solid black;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 4%, rgba(255,255,255,0.2) 5%, transparent 5%, transparent 14%, rgba(255,255,255,0.3) 14%, rgba(255,255,255,0.12) 40%, rgba(0,0,0,0.05) 42%, rgba(0,0,0,0.05) 48%, transparent 60%, transparent 80%, rgba(255,255,255,0.3) 87%, rgba(255,255,255,0.3) 92%, transparent 92%, transparent 97%, rgba(255,255,255,0.4) 97%), linear-gradient(to left, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 2%, black 2%, black 6%, transparent 6%), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 35%, rgba(255,255,255,0.3) 90%, rgba(255,255,255,0) 90%);
}
#marshmallow {
  background: #66cdaa;
}
#marshmallow div {
  width: 100px;
  height: 120px;
  margin-left: -50px;
  margin-top: -70px;
  background: white;
  background-image: radial-gradient(circle at 50% -70px, transparent 50%, #f5f5f5 50%);
  border-top-left-radius: 100px 40px;
  border-top-right-radius: 100px 40px;
  border-bottom-left-radius: 100px 40px;
  border-bottom-right-radius: 100px 40px;
  border: 4px solid #808080;
}
#marshmallow div:before {
  width: 8px;
  height: 80px;
  margin-left: -4px;
  left: 50%;
  top: 125px;
  background: #d3d3d3;
  box-shadow: 0 0 0 3px #808080, 0 -193px 0 #d3d3d3, 0 -193px 0 3px #808080;
}
#marshmallow div:after {
  width: 10px;
  height: 10px;
  left: 20px;
  top: 50px;
  background: #808080;
  border-radius: 50%;
  box-shadow: 50px 0 0 #808080, 25px 3px 0 16px #f5f5f5, 25px 13px 0 11px #808080;
}
#sushi {
  background: #87ceeb;
}
#sushi div {
  width: 250px;
  height: 100px;
  margin-left: -125px;
  margin-top: -37px;
  background: white;
  border-top-left-radius: 80px 50px;
  border-top-right-radius: 80px 50px;
  border-bottom-left-radius: 40px 50px;
  border-bottom-right-radius: 40px 50px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.08) 32%, transparent 32%), linear-gradient(85deg, transparent 39%, rgba(0,0,0,0.05) 39%, rgba(0,0,0,0.05) 45%, transparent 45%);
  box-shadow: 0 25px 0 -20px rgba(0,0,0,0.1);
}
#sushi div:before {
  width: 260px;
  height: 25px;
  margin-left: -130px;
  left: 50%;
  border-top-left-radius: 90px 30px;
  border-top-right-radius: 80px 20px;
  background: #f19861;
  background-image: linear-gradient(to bottom, transparent 70%, rgba(0,0,0,0.05) 70%), linear-gradient(to right, transparent 41%, rgba(0,0,0,0.1) 41%, rgba(0,0,0,0.1) 50%, transparent 50%), repeating-linear-gradient(45deg, #f19861, #f19861 20px, #ffcdaf 20px, #ffcdaf 25px);
}
#sushi div:after {
  width: 40px;
  height: 103px;
  margin-left: -20px;
  left: 50%;
  top: -2px;
  background: #465b45;
  background-image: linear-gradient(to right, transparent 60%, rgba(0,0,0,0.1) 60%);
}
#brazil {
  background: #f0e68c;
}
#brazil div {
  width: 300px;
  height: 200px;
  margin-left: -150px;
  margin-top: -100px;
  background: #fee63c;
  background-image: linear-gradient(30deg, #019f6f 30%, transparent 30%), linear-gradient(-30deg, #019f6f 30%, transparent 30%), linear-gradient(210deg, #019f6f 30%, transparent 30%), linear-gradient(-210deg, #019f6f 30%, transparent 30%);
  border-radius: 5px;
  box-shadow: 7px 7px 0 rgba(0,0,0,0.1);
}
#brazil div:before {
  width: 90px;
  height: 90px;
  margin-left: -45px;
  margin-top: -45px;
  left: 50%;
  top: 50%;
  background: #2765ae;
  background-image: radial-gradient(circle at 0 175px, transparent 71%, white 72%, white 78%, transparent 79%);
  border-radius: 50%;
}
#brazil div:after {
  width: 4px;
  height: 4px;
  top: 80px;
  left: 160px;
  background: white;
  border-radius: 50%;
  box-shadow: -45px 15px 0 0 white, -40px 30px 0 0 white, -27px 43px 0 0 white, -10px 36px 0 0 white, 13px 38px 0 0 white, -47px 32px 0 -1px white, -35px 25px 0 -1px white, -25px 20px 0 -1px white, -33px 34px 0 -1px white, -35px 40px 0 -1px white, -5px 22px 0 -1px white, -15px 26px 0 -1px white, -17px 32px 0 -1px white, -10px 29px 0 -1px white, -12px 53px 0 -1px white, 0px 42px 0 -1px white, 5px 48px 0 -1px white, 6px 43px 0 -1px white, 8px 40px 0 -1px white, 12px 45px 0 -1px white, 17px 35px 0 -1px white, 23px 37px 0 -1px white;
}
#soccer {
  background: #afeeee;
}
#soccer div {
  width: 300px;
  height: 70px;
  margin-left: -150px;
  border-top: 3px solid white;
  border-bottom: 3px solid white;
}
#soccer div:before {
  width: 150px;
  height: 100px;
  margin-left: -80px;
  left: 50%;
  top: -95px;
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, white 10px, white 11px), repeating-linear-gradient(-45deg, transparent, transparent 10px, white 10px, white 11px);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 6px solid white;
  border-bottom: none;
}
#soccer div:after {
  width: 20px;
  height: 20px;
  left: 170px;
  top: 20px;
  border: 3px solid white;
  border-radius: 50%;
}
#key {
  background: #f7f7f7;
}
#key div {
  width: 80px;
  height: 100px;
  margin-left: -180px;
  margin-top: -70px;
  border: 15px solid #fdf1cd;
  border-radius: 50%;
  box-shadow: -3px -3px 0 3px #fefffa, -4px -4px 1px 3px #c68628, -6px -5px 0 4px #feedac, 3px 2px 0 3px #fdf1cd, 7px 5px 3px 3px #2e1f07, 10px 7px 0 3px #c68628, inset 4px 3px 3px #2e1f07, inset 7px 5px 0 #c68628, inset 9px 7px 2px rgba(0,0,0,0.4), inset 12px 10px 3px rgba(0,0,0,0.2), inset -2px -2px 0 #fefffa, 12px 8px 3px 3px rgba(0,0,0,0.4), 15px 12px 3px 3px rgba(0,0,0,0.2);
}
@media (max-width: 500px) {
  #key div {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    margin-left: -140px;
  }
}
#key div:before {
  width: 250px;
  height: 30px;
  left: 85px;
  top: 35px;
  background-image: linear-gradient(to bottom, #f8d675 3%, #f8d675 7%, #2e1f07 11%, #2e1f07 16%, #fefffa 23%, #fefffa 50%, #2e1f07 57%, #2e1f07 70%, #feedac 84%, #feedac 97%, #c68628 99%);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-left: 1px solid #fefffa;
  border-right: 1px solid #f8d675;
  box-shadow: -1px 0 0 #c68628, 1px 0 0 #2e1f07, 2px 0 0 #c68628, 5px 4px 2px -1px rgba(0,0,0,0.4), 11px 9px 4px rgba(0,0,0,0.2);
}
#key div:after {
  width: 40px;
  height: 40px;
  top: 30px;
  left: 112px;
  background-image: linear-gradient(to bottom, #f8d675 3%, #f8d675 7%, #2e1f07 11%, #2e1f07 16%, #fefffa 23%, #fefffa 45%, #2e1f07 52%, #2e1f07 65%, #feedac 80%, #feedac 97%, #c68628 99%);
  box-shadow: -1px 0 1px #fefffa, 1px 0 0 #f8d675, 2px 0 0 #c68628, 3px 3px 2px rgba(0,0,0,0.2), 170px 37px 0 4px #f8e6b3, 169px 37px 0 4px #fefffa, 170px 34px 0 4px #2e1f07, 171px 39px 2px 4px #2e1f07, 172px 40px 0 5px #d69941, 174px 43px 3px 4px rgba(0,0,0,0.4), 178px 45px 4px 4px rgba(0,0,0,0.2);
}
#mickey-hat {
  background: #ffb6c1;
}
#mickey-hat div {
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -70px;
  border-radius: 0 70% 0 100%;
  border-bottom: 7px solid #333;
  border-left: 7px solid #333;
  background: #222;
  background-image: radial-gradient(circle at 170px 220px, rgba(255,255,255,0) 70%, rgba(255,255,255,0.15) 90%), radial-gradient(circle at 50px 80px, transparent 60%, #000 90%);
  box-shadow: -7px 7px 6px -2px rgba(0,0,0,0.3);
  -webkit-transform: rotate(315deg);
  transform: rotate(-45deg);
}
@media (max-width: 500px) {
  #mickey-hat div {
    -webkit-transform: scale(0.7) rotate(-45deg);
    transform: scale(0.7) rotate(-45deg);
  }
}
#mickey-hat div:before {
  width: 110px;
  height: 110px;
  top: -102px;
  left: 29px;
  background: #333;
  background-image: radial-gradient(circle at 80px 0px, transparent 60%, rgba(255,255,255,0.2) 90%);
  border-radius: 50%;
  box-shadow: -4px 4px 0 4px #222;
}
#mickey-hat div:after {
  width: 110px;
  height: 110px;
  top: 56px;
  left: 192px;
  background: #333;
  background-image: radial-gradient(circle at 80px 0px, transparent 60%, rgba(255,255,255,0.2) 90%);
  border-radius: 50%;
  box-shadow: -4px 4px 0 4px #222, -144px -45px 0 -44px #222, -115px -15px 0 -44px #222, -142px -22px 0 -53px #222, -138px -18px 0 -53px #222, -143px -17px 0 -54px white, -144px -16px 0 -51px #222, -142px -23px 0 -50px white, -137px -18px 0 -50px white, -151px -9px 0 -54px #e95b4f, -150px -10px 0 -52px #222, -142px -18px 0 -40px #d3b579, -141px -19px 0 -36px #222, -141px -19px 0 -28px white, -141px -18px 0 -11px #e95b4f;
}
#hobbit-door {
  background: #d2b48c;
}
#hobbit-door div {
  width: 250px;
  height: 250px;
  margin-left: -125px;
  margin-top: -140px;
  z-index: 1;
  background-color: #825034;
  background-image: linear-gradient(to right, transparent 45%, #bb7a56 45%, #bb7a56 55%, transparent 55%), linear-gradient(76deg, transparent 45%, #ae6a46 45%, #ae6a46 55%, transparent 55%), linear-gradient(-76deg, transparent 45%, #b7714b 45%, #b7714b 55%, transparent 55%), linear-gradient(60deg, transparent 45%, #bb7a56 45%, #bb7a56 55%, transparent 55%), linear-gradient(-60deg, transparent 45%, #c48b6c 45%, #c48b6c 55%, transparent 55%), linear-gradient(42deg, transparent 45%, #ca977b 45%, #ca977b 55%, transparent 55%), linear-gradient(-42deg, transparent 45%, #bb7a56 45%, #bb7a56 55%, transparent 55%), linear-gradient(-24deg, transparent 45%, #ca977b 45%, #ca977b 55%, transparent 55%), linear-gradient(25deg, transparent 45%, #985d3d 45%, #985d3d 55%, transparent 55%), linear-gradient(-9deg, transparent 45%, #c48b6c 45%, #c48b6c 55%, transparent 55%), linear-gradient(7deg, transparent 44%, #bb7a56 44%, #bb7a56 55%, transparent 55%);
  border-radius: 50%;
  box-shadow: 0 5px #985d3d;
}
#hobbit-door div:before {
  width: 190px;
  height: 190px;
  margin-left: -95px;
  margin-top: -95px;
  top: 50%;
  left: 50%;
  background: #468e60;
  background-image: repeating-linear-gradient(to right, transparent, transparent 22px, #26603b 22px, #26603b 24px, #73b38a 24px, #73b38a 25px);
  border-radius: 50%;
  box-shadow: inset 0 5px 0 #6c422c, inset 0 12px 5px rgba(0,0,0,0.3), inset 0 -4px 3px rgba(0,0,0,0.2);
}
#hobbit-door div:after {
  width: 25px;
  height: 25px;
  margin-left: -12.5px;
  margin-top: -12.5px;
  top: 50%;
  left: 50%;
  background: #ffeb8f;
  border-radius: 50%;
  box-shadow: inset 0 -6px 5px rgba(111,74,24,0.5), 0 5px 3px rgba(0,0,0,0.4);
}
#tardis {
  background: #2f4f4f;
}
#tardis div {
  width: 170px;
  height: 250px;
  margin-left: -85px;
  margin-top: -110px;
  background: #274d7e;
  background-image: linear-gradient(to right, #295185 15px, #21416a 15px, #21416a 17px, #264b7a 17px, #264b7a 20px, #21416a 20px, #21416a 22px, #274d7e 22px, #274d7e 32px, transparent 32px, transparent 83px, #1d395d 83px, #1d395d 85px, #21416a 85px, #21416a 87px, #1d395d 87px, #1d395d 89px, transparent 90px), linear-gradient(to left, #295185 15px, #21416a 15px, #21416a 17px, #264b7a 17px, #264b7a 20px, #21416a 20px, #21416a 22px, #274d7e 22px, #274d7e 32px, transparent 32px, transparent 75px, #274d7e 75px, #274d7e 95px, transparent 95px), linear-gradient(to bottom, transparent 85px, #244775 85px, #244775 130px, transparent 130px, transparent 140px, #244775 140px, #244775 185px, transparent 185px, transparent 195px, #244775 195px, #244775 240px, transparent 240px), linear-gradient(to bottom, transparent 52px, #274d7e 52px, #274d7e 54px, transparent 54px), linear-gradient(to right, transparent 44px, #274d7e 44px, #274d7e 46px, transparent 46px, transparent 60px, #274d7e 60px, #274d7e 62px, transparent 62px, transparent 108px, #274d7e 108px, #274d7e 110px, transparent 110px, transparent 124px, #274d7e 124px, #274d7e 126px, transparent 126px), linear-gradient(to bottom, transparent 30px, rgba(255,255,255,0.4) 30px, rgba(255,255,255,0.9) 75px, transparent 75px);
  border-bottom: 8px solid #2b568d;
  box-shadow: 0 12px 0 #21416a, 0 18px 8px -3px rgba(0,0,0,0.3);
}
#tardis div:before {
  width: 150px;
  height: 18px;
  margin-left: -75px;
  margin-top: -8px;
  left: 50%;
  content: 'POLICE BOX';
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  letter-spacing: 5px;
  line-height: 18px;
  color: rgba(255,255,255,0.8);
  background: #333;
  box-shadow: 0 0 0 4px #295185, 0 4px 4px 4px rgba(0,0,0,0.3), 0 -15px 0 #274d7e, 0 -27px 0 -6px #295185, 0 -32px 0 -6px #295185;
}
#tardis div:after {
  width: 15px;
  height: 20px;
  margin-left: -7.5px;
  left: 50%;
  top: -62px;
  background: rgba(255,255,255,0.7);
  background-image: linear-gradient(to right, transparent 5px, #31619f 5px, #31619f 6px, transparent 6px), linear-gradient(to bottom, transparent 5px, #31619f 5px, #31619f 6px, transparent 6px, transparent 13px, #31619f 13px, #31619f 14px, transparent 14px);
  border-bottom: 3px solid #31619f;
  border-top: 5px solid #31619f;
  box-shadow: 0 -2px 10px -1px rgba(255,255,255,0.5), -39px 155px 0 rgba(255,255,255,0.6), -24px 155px 0 rgba(255,255,255,0.6);
}
#marker {
  background: #dcdcdc;
}
#marker div {
  width: 80px;
  height: 80px;
  margin-left: -80px;
  margin-top: -110px;
  background: #f00;
  background-image: radial-gradient(circle at 25px 23px, white 7%, rgba(255,255,255,0) 40%);
  box-shadow: inset -5px -5px 10px #f00, inset -18px -23px 15px rgba(0,0,0,0.2);
  border-radius: 50%;
}
#marker div:before {
  width: 130px;
  height: 150px;
  top: 80px;
  left: 34px;
  background-image: linear-gradient(to right, #eee 3px, #777 12px, transparent 12px), linear-gradient(-20deg, rgba(178,175,175,0) 37px, #b2afaf 44px, #b2afaf 45px, rgba(178,175,175,0) 52px);
}
#marker div:after {
  width: 60px;
  height: 45px;
  top: 152px;
  left: 147px;
  background-image: linear-gradient(20deg, #b2afaf 30%, rgba(178,175,175,0) 90%);
  border-radius: 50%;
  box-shadow: -1px 2px 3px #b2afaf;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}
#crayon {
  background: #f3c114;
}
#crayon div {
  width: 250px;
  height: 40px;
  margin-left: -110px;
  margin-top: -20px;
  z-index: 1;
  background: #237449;
  background-image: radial-gradient(ellipse at top, rgba(0,0,0,0.6) 50px, transparent 54px), linear-gradient(to right, transparent 25px, rgba(0,0,0,0.6) 25px, rgba(0,0,0,0.6) 30px, transparent 30px, transparent 35px, rgba(0,0,0,0.6) 35px, rgba(0,0,0,0.6) 40px, transparent 40px, transparent 210px, rgba(0,0,0,0.6) 210px, rgba(0,0,0,0.6) 215px, transparent 215px, transparent 220px, rgba(0,0,0,0.6) 220px, rgba(0,0,0,0.6) 225px, transparent 225px), linear-gradient(to right, transparent 12px, rgba(41,237,133,0.6) 12px, rgba(41,237,133,0.6) 235px, transparent 235px), linear-gradient(to bottom, transparent 62%, rgba(0,0,0,0.3) 100%);
  border-radius: 2px;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
#crayon div:before {
  height: 10px;
  left: -48px;
  top: 2px;
  border-right: 48px solid #237449;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
}
#crayon div:after {
  width: 251px;
  height: 23px;
  content: 'green';
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: rgba(0,0,0,0.3);
  text-align: right;
  padding-right: 47px;
  padding-top: 17px;
  left: -48px;
  background-image: linear-gradient(to right, transparent 46px, rgba(0,0,0,0.3) 48px, transparent 48px), linear-gradient(to bottom, rgba(255,255,255,0) 12px, rgba(255,255,255,0.2) 17px, rgba(255,255,255,0.2) 19px, rgba(255,255,255,0) 24px);
}
#moleskine {
  background: #84c3c9;
}
#moleskine div {
  width: 170px;
  height: 250px;
  margin-left: -85px;
  margin-top: -133px;
  background-image: linear-gradient(to bottom, #444 0, #222 100%);
  border-radius: 3px 10px 10px 3px;
  box-shadow: 0 5px 0 white, 0 7px 0 #222, 3px 10px 2px rgba(0,0,0,0.3);
}
#moleskine div:before {
  width: 170px;
  height: 257px;
  background-image: linear-gradient(to right, transparent 130px, #333 130px, #333 140px, transparent 140px), linear-gradient(to bottom, transparent 33%, #ff8613 33%, #ff8613 68%, transparent 68%), linear-gradient(to right, #444 3px, rgba(255,255,255,0.1) 4px, rgba(255,255,255,0) 8px);
}
#moleskine div:after {
  width: 60px;
  height: 40px;
  left: 13px;
  top: 105px;
  background: white;
  background-image: linear-gradient(to right, transparent 29px, #777 29px, #777 31px, transparent 31px);
  border: 2px solid #777;
  box-shadow: -20px 125px 0 -21px #777;
}
#macarons {
  background: #eee;
}
#macarons div {
  width: 110px;
  height: 180px;
  margin-left: -55px;
  margin-top: -90px;
  background-image: linear-gradient(to top, transparent 20px, #7b5354 20px, #7b5354 25px, transparent 25px, transparent 65px, #ffd889 65px, #ffd889 70px, transparent 70px, transparent 109px, #548355 109px, #548355 114px, transparent 114px, transparent 154px, #965537 154px, #965537 159px, transparent 159px);
}
#macarons div:before {
  width: 110px;
  height: 20px;
  bottom: 0;
  border-radius: 6px;
  border-bottom-left-radius: 80px 20px;
  border-bottom-right-radius: 80px 20px;
  background: #fa8780;
  box-shadow: 0 -45px 0 #ffba10, 0 -89px 0 #a8daa9, 0 -134px 0 #d1a574;
}
#macarons div:after {
  width: 110px;
  height: 20px;
  bottom: 25px;
  border-radius: 6px;
  border-top-left-radius: 80px 20px;
  border-top-right-radius: 80px 20px;
  background: #fa8780;
  box-shadow: 0 -44px 0 #ffba10, 0 -89px 0 #a8daa9, 0 -134px 0 #d1a574;
}
#mario-tube {
  background: #8cb4ff;
}
#mario-tube div {
  width: 170px;
  height: 250px;
  margin-left: -85px;
  margin-top: -50px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 4%, rgba(0,0,0,0) 10%), linear-gradient(-150deg, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0) 20%), linear-gradient(to right, #2a7d2f 0%, #78fc73 25%, #78fc73 35%, #113e15 95%);
  border-left: 1px solid #236d22;
}
#mario-tube div:before {
  width: 210px;
  height: 60px;
  margin-left: -20px;
  top: -60px;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 1px, rgba(255,255,255,0.3) 2px, rgba(255,255,255,0.3) 3px, rgba(255,255,255,0) 4px), linear-gradient(to top, rgba(0,0,0,0.4) 3px, rgba(255,255,255,0.2) 5px, rgba(255,255,255,0) 6px), linear-gradient(to right, #2a7d2f 0%, #78fc73 25%, #78fc73 35%, #113e15 95%);
  border-radius: 5px;
}
#mario-tube div:after {
  width: 40px;
  height: 2px;
  background: linear-gradient(to right, rgba(255,255,255,0) 5%, rgba(255,255,255,0.7) 20%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,0) 95%);
  top: -58px;
  left: 30px;
}
@media (max-width: 400px) {
  #mario-tube div {
    margin-top: -25px;
  }
}
#mario-mushroom {
  background: #74ceff;
}
#mario-mushroom div {
  width: 170px;
  height: 140px;
  margin-left: -85px;
  margin-top: -90px;
  background-image: radial-gradient(circle at 50% 120%, rgba(0,0,0,0.7) 23%, rgba(0,0,0,0) 48%), linear-gradient(30deg, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0) 20%), radial-gradient(circle at 50% 33%, #f8f6f7 32%, rgba(255,255,255,0) 32%), radial-gradient(circle at -13% 55%, #f8f6f7 20%, rgba(255,255,255,0) 20%), radial-gradient(circle at 113% 55%, #f8f6f7 20%, rgba(255,255,255,0) 20%), linear-gradient(to bottom, #ef0015 20%, #b2000c 100%);
  border-radius: 140px 140px 80px 80px;
}
#mario-mushroom div:before {
  width: 100px;
  height: 66px;
  left: 35px;
  bottom: -30px;
  background: #f1d38b;
  border-top-right-radius: 180px 100px;
  border-top-left-radius: 180px 100px;
  border-bottom-right-radius: 140px 100px;
  border-bottom-left-radius: 140px 100px;
  border-top: 1px solid #53170f;
  box-shadow: inset 0 15px 10px rgba(0,0,0,0.25), inset -12px -5px 10px rgba(0,0,0,0.2), inset 5px -2px 10px rgba(0,0,0,0.2);
}
#mario-mushroom div:after {
  width: 8px;
  height: 25px;
  top: 120px;
  left: 58px;
  background: rgba(0,0,0,0);
  box-shadow: 8px 0 #312114, 38px 0 #312114;
  border-radius: 40%;
}
#cupcake {
  background: #ffc0cb;
}
#cupcake div {
  width: 240px;
  height: 150px;
  margin-left: -120px;
  margin-top: -30px;
  background: #61381c;
  background-image: radial-gradient(circle at top center, rgba(73,41,20,0) 55%, rgba(73,41,20,0.9) 75%), repeating-linear-gradient(to right, transparent, transparent 7px, rgba(0,0,0,0.7) 9px, rgba(0,0,0,0.7) 20px, transparent 22px), linear-gradient(to bottom, transparent 15px, rgba(255,255,255,0.5) 16px, rgba(255,255,255,0.3) 40px, transparent 42px);
  border-bottom-right-radius: 120px 30px;
  border-bottom-left-radius: 120px 30px;
  box-shadow: 0 10px 5px -3px rgba(0,0,0,0.3);
}
#cupcake div:before {
  width: 240px;
  height: 80px;
  margin-left: -120px;
  left: 50%;
  top: -70px;
  background: #ffe4e1;
  border-radius: 60% 60% 50px 50px;
  box-shadow: 0 20px 0 6px #3d241c, inset 0 -15px 25px rgba(145,102,146,0.5);
}
#cupcake div:after {
  width: 60px;
  height: 60px;
  margin-left: -30px;
  top: -95px;
  left: 50%;
  background: #dc143c;
  border-radius: 50%;
  box-shadow: inset 0 -10px 10px rgba(0,0,0,0.2);
}
#vacancy {
  background: #111;
}
#vacancy div {
  width: 350px;
  height: 200px;
  margin-left: -190px;
  margin-top: -100px;
  background: #222;
  background-image: linear-gradient(to right, #222 20px, transparent 20px, transparent 190px, #222 190px, #222 210px, transparent 210px, transparent 330px, #222 330px), linear-gradient(to bottom, #222 30px, transparent 30px, transparent 170px, #222 170px), linear-gradient(to bottom, #333 40px, transparent 40px, transparent 160px, #333 160px), linear-gradient(to right, #333 30px, transparent 30px, transparent 180px, #333 180px, #333 220px, transparent 220px, transparent 320px, #333 320px), repeating-linear-gradient(to bottom, transparent 7px, rgba(0,0,0,0.8) 9px, rgba(0,0,0,0.8) 13px, transparent 13px);
  border-top: 15px solid #333;
  border-left: 15px solid #111;
  border-right: 15px solid #111;
  border-bottom: 6px solid #222;
}
#vacancy div:after {
  padding: 50px;
  content: 'VACANCY';
  left: -5px;
  top: 35px;
  color: #faf37e;
  overflow: hidden;
  font-family: Verdana;
  font-size: 23px;
  text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 25px #ffa500, 0 0 40px #ffa500, 0 0 60px #f00, 0 0 80px #f00, 0 0 105px #f00;
}
#vacancy div:before {
  padding: 50px;
  content: 'NO';
  left: 10px;
  top: 10px;
  color: #111;
  overflow: hidden;
  font-family: Verdana;
  font-size: 18px;
  animation: blinky 10s infinite;
  -webkit-animation: blinky 10s infinite;
}
@media (max-width: 500px) {
  #vacancy div {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@-webkit-keyframes blinky {
  21%, 39%, 45%, 47%, 53% {
    color: #111;
    text-shadow: none;
  }

  26%, 38%, 40%, 44%, 46%, 48% {
    color: #faf37e;
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 25px #ffa500, 0 0 35px #f00, 0 0 50px #f00, 0 0 65px #f00, 0 0 100px #f00;
  }
}
@-moz-keyframes blinky {
  21%, 39%, 45%, 47%, 53% {
    color: #111;
    text-shadow: none;
  }

  26%, 38%, 40%, 44%, 46%, 48% {
    color: #faf37e;
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 25px #ffa500, 0 0 35px #f00, 0 0 50px #f00, 0 0 65px #f00, 0 0 100px #f00;
  }
}
@-webkit-keyframes blinky {
  21%, 39%, 45%, 47%, 53% {
    color: #111;
    text-shadow: none;
  }

  26%, 38%, 40%, 44%, 46%, 48% {
    color: #faf37e;
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 25px #ffa500, 0 0 35px #f00, 0 0 50px #f00, 0 0 65px #f00, 0 0 100px #f00;
  }
}
@-o-keyframes blinky {
  21%, 39%, 45%, 47%, 53% {
    color: #111;
    text-shadow: none;
  }

  26%, 38%, 40%, 44%, 46%, 48% {
    color: #faf37e;
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 25px #ffa500, 0 0 35px #f00, 0 0 50px #f00, 0 0 65px #f00, 0 0 100px #f00;
  }
}
@-ms-keyframes blinky {
  21%, 39%, 45%, 47%, 53% {
    color: #111;
    text-shadow: none;
  }

  26%, 38%, 40%, 44%, 46%, 48% {
    color: #faf37e;
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 25px #ffa500, 0 0 35px #f00, 0 0 50px #f00, 0 0 65px #f00, 0 0 100px #f00;
  }
}
@keyframes blinky {
  21%, 39%, 45%, 47%, 53% {
    color: #111;
    text-shadow: none;
  }

  26%, 38%, 40%, 44%, 46%, 48% {
    color: #faf37e;
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 25px #ffa500, 0 0 35px #f00, 0 0 50px #f00, 0 0 65px #f00, 0 0 100px #f00;
  }
}
#candy-apple {
  background: #cbe3ed;
}
#candy-apple div {
  width: 150px;
  height: 150px;
  margin-left: -75px;
  margin-top: -20px;
  background: #dc143c;
  background-image: radial-gradient(ellipse at 22% 30%, rgba(255,255,255,0.9) 0, rgba(255,255,255,0) 15%);
  border-radius: 80px 80px 100px 100px;
  box-shadow: inset -8px -8px 8px rgba(0,0,0,0.1);
}
#candy-apple div:before {
  width: 130px;
  height: 26px;
  margin-left: -65px;
  left: 50%;
  top: 125px;
  background: #dc143c;
  border-radius: 50%;
  box-shadow: inset 0 -10px 8px #dc143c, inset -5px -18px 8px rgba(0,0,0,0.1);
}
#candy-apple div:after {
  width: 40px;
  height: 150px;
  margin-left: -20px;
  left: 50%;
  top: -130px;
  background-image: linear-gradient(to right, transparent 30%, #deb887 30%, #c88937 70%, transparent 70%);
  border-bottom-right-radius: 30px 10px;
  border-bottom-left-radius: 30px 10px;
  box-shadow: 0 3px 0 rgba(0,0,0,0.2);
}
#corn-dog {
  background: #ffe4c4;
}
#corn-dog div {
  width: 16px;
  height: 150px;
  margin-left: -8px;
  margin-top: 0;
  background: #deb887;
  background-image: linear-gradient(to right, #deb887, #d3a05f);
  border-radius: 20px;
}
#corn-dog div:before {
  width: 80px;
  height: 220px;
  margin-left: -40px;
  left: 50%;
  top: -150px;
  z-index: 2;
  background: #cd853f;
  box-shadow: inset -5px -5px 30px rgba(0,0,0,0.25);
  border-radius: 50px/70px 70px 100px 100px;
}
#corn-dog div:after {
  width: 18px;
  height: 23px;
  margin-left: -9px;
  left: 50%;
  top: 65px;
  background: #cd853f;
  background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.2));
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 5px;
}
#shirt-tag {
  background: #666;
}
#shirt-tag div {
  width: 180px;
  height: 136px;
  margin-left: -90px;
  margin-top: -68px;
  background: #aaa;
  border-radius: 6px/60px;
  box-shadow: inset 0 -15px 30px rgba(0,0,0,0.35), inset -170px 0 0 #eee, inset 0 25px 5px rgba(0,0,0,0.3), inset 0 40px 5px rgba(0,0,0,0.2), -4px 7px 5px rgba(0,0,0,0.4);
}
#shirt-tag div:before {
  width: 220px;
  height: 100px;
  margin-left: -25px;
  margin-top: -4px;
  padding: 35px 0 4px 10px;
  content: '100% COTTON';
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #bbb;
  text-shadow: 1px 2px 1px #fff;
  background-image: linear-gradient(to bottom, #666 5px, rgba(0,0,0,0.5) 5px, transparent 10px);
  border-top: 1px dashed #999;
}
#shirt-tag div:after {
  width: 40px;
  height: 40px;
  margin-left: -20px;
  left: 50%;
  top: 65px;
  background-image: radial-gradient(circle at center, rgba(255,255,255,0) 10px, #bbb 10px, #bbb 14px, rgba(255,255,255,0) 14px), radial-gradient(circle at center, #bbb 3px, rgba(255,255,255,0) 3px);
  border: 4px solid #bbb;
  box-shadow: 1px 2px 1px #eee;
}
#button {
  background: #555;
}
#button div {
  width: 180px;
  height: 180px;
  margin-left: -90px;
  margin-top: -90px;
  background: #87ceeb;
  border-radius: 50%;
  box-shadow: inset 0 5px 5px #87ceeb, inset 0 17px 5px rgba(255,255,255,0.7), inset 0 -3px 3px rgba(255,255,255,0.3), inset 0 -10px 10px rgba(0,0,0,0.3), inset 0 -15px 10px #45b3e0, 0 7px 10px rgba(0,0,0,0.3);
}
#button div:before {
  width: 110px;
  height: 106px;
  left: 50%;
  top: 50%;
  margin-left: -55px;
  margin-top: -55px;
  background-image: radial-gradient(circle at 38px 38px, #333 10px, transparent 10px), radial-gradient(circle at 73px 73px, #333 10px, transparent 10px), radial-gradient(circle at 38px 73px, #333 10px, transparent 10px), radial-gradient(circle at 73px 38px, #333 10px, transparent 10px);
  border-radius: 50%;
  border-top: 1px solid rgba(0,0,0,0.6);
  border-bottom: 1px solid rgba(255,255,255,0.6);
  box-shadow: inset 0 20px 2px rgba(255,255,255,0.3), 3px -15px 7px -4px rgba(0,0,0,0.3), 0 -14px 10px 5px #45b3e0, 0 2px 5px 5px #87ceeb, 0 10px 5px 5px rgba(255,255,255,0.6);
}
#button div:after {
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -23px;
  background-image: linear-gradient(to right, transparent 35%, #000080 35%, #4682b4 40%, #000080 45%, #4682b4 50%, #000080 55%, #4682b4 60%, #000080 65%, transparent 65%), linear-gradient(to bottom, transparent 35%, #000080 35%, #4682b4 40%, #000080 45%, #4682b4 50%, #000080 55%, #4682b4 60%, #000080 65%, transparent 65%);
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#luggage-tag1 {
  background: #87ceeb;
}
#luggage-tag1 div {
  width: 180px;
  height: 220px;
  margin-left: -90px;
  margin-top: -90px;
  box-shadow: 3px 5px 0 rgba(0,0,0,0.1);
  color: #f2353b;
}
#luggage-tag1 div:before {
  width: 180px;
  height: 180px;
  padding-top: 80px;
  margin-top: -40px;
  content: 'PHX';
  font-family: Impact, Arial, sans-serif;
  font-size: 80px;
  background-image: linear-gradient(to bottom, transparent 45px, #f2353b 45px, #f2353b 60px, #f7c791 60px), linear-gradient(135deg, transparent 30px, #f2353b 30px, #f2353b 95px, transparent 95px), linear-gradient(225deg, transparent 30px, #f2353b 30px, #f2353b 95px, transparent 95px);
}
#luggage-tag1 div:after {
  width: 180px;
  height: 65px;
  padding-top: 160px;
  bottom: 35px;
  background-image: radial-gradient(ellipse at center, #87ceeb 20%, #df2228 21%, #df2228 45%, transparent 45%);
  background-size: 65px 65px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  border-bottom: 1px dashed #666;
  content: 'PHOENIX';
  font-family: Helvetica, Arial, sans-serif;
  font-size: 27px;
  font-weight: bold;
}
#luggage-tag2 {
  background: #f6dfc6;
}
#luggage-tag2 div {
  width: 200px;
  height: 250px;
  margin-left: -100px;
  margin-top: -125px;
  background: white;
  background-image: linear-gradient(to bottom, #f7f7f7 30%, #71bad7 30%, #71bad7 70%, #f7f7f7 70%);
  box-shadow: 3px 5px 0 rgba(0,0,0,0.1);
  border-radius: 10px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: white;
}
#luggage-tag2 div:before {
  width: 200px;
  height: 112px;
  padding-top: 68px;
  margin-top: -40px;
  bottom: 30px;
  background-image: linear-gradient(to right, transparent 100px, #71bad7 100px, #71bad7 101px, transparent 101px);
  border-bottom: 1px solid #71bad7;
  content: 'SFO';
  font-size: 70px;
}
#luggage-tag2 div:after {
  width: 200px;
  height: 30px;
  padding-top: 85px;
  top: 0;
  background-image: radial-gradient(ellipse at center, #f8e9d8 20%, white 21%, white 45%, transparent 45%);
  background-size: 65px 65px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  content: 'SAN FRANCISCO';
  font-size: 16px;
}
#grand-budapest {
  background: #efabb3;
}
#grand-budapest div {
  width: 100px;
  height: 100px;
  margin-left: -50px;
  top: 0;
  background: transparent;
  box-shadow: 0 205px 0 -6px #fbd0e4, 0 205px 0 -5px #f93050, 0 205px #fbd0e4, -105px 205px 0 -6px #fbd0e4, -105px 205px 0 -5px #f93050, -105px 205px #fbd0e4, 115px 205px 0 -6px #fbd0e4, 115px 205px 0 -5px #f93050, 115px 205px #fbd0e4, -80px 104px 0 -6px #fbd0e4, -80px 104px 0 -5px #f93050, -80px 104px #fbd0e4, 40px 104px 0 -6px #fbd0e4, 40px 104px 0 -5px #f93050, 40px 104px #fbd0e4;
}
@media (max-width: 400px) {
  #grand-budapest div {
    top: 30px;
  }
}
#grand-budapest div:before {
  content: 'MENDL’S';
  display: inline-block;
  top: 250px;
  left: -82px;
  font-size: 12px;
  font-family: 'Lucida Grande';
  font-weight: bold;
  color: #f93050;
  text-shadow: 220px 0 0 #f93050, 24px -101px #f93050;
}
#grand-budapest div:after {
  width: 8px;
  height: 100px;
  top: 206px;
  left: -60px;
  background: #90baff;
  box-shadow: 220px 0 #90baff, 145px -101px #90baff;
}
#royal-tenenbaums {
  background: #a86e4a;
}
#royal-tenenbaums div {
  width: 150px;
  height: 120px;
  margin-left: -75px;
  margin-top: -25px;
  background: #f9a688;
  border-radius: 60px 50px 40px 40px;
}
#royal-tenenbaums div:before {
  width: 30px;
  height: 130px;
  right: 35px;
  top: -120px;
  background-image: linear-gradient(to bottom, #f9a688 40px, transparent 40px, transparent 70px, #f9a688 70px);
  border-radius: 30px 25px 0 0;
  box-shadow: 35px 50px #f9a688, -35px 15px #f9a688, -70px 35px #f9a688, -65px 142px #f9a688, -36px 142px #f9a688, -7px 142px #f9a688, 13px 142px #f9a688;
}
#royal-tenenbaums div:after {
  width: 30px;
  height: 130px;
  left: -12px;
  top: -32px;
  background: #f9a688;
  border-radius: 25px 30px 0 0;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
#moonrise-kingdom {
  background: #deb887;
}
#moonrise-kingdom div {
  width: 180px;
  height: 250px;
  margin-left: -90px;
  margin-top: -125px;
  background-image: linear-gradient(to top, transparent 100px, #63cbe4 100px), linear-gradient(to right, #fff8dc 15px, transparent 15px), linear-gradient(to left, #fff8dc 15px, transparent 15px), linear-gradient(to top, #fff8dc 15px, transparent 15px, transparent 42px, #e0d9bf 42px, #e0d9bf 50px, #fff8dc 50px, #fff8dc 100px, transparent 100px);
  border-radius: 7px 7px 3px 3px;
}
#moonrise-kingdom div:before {
  width: 12px;
  height: 12px;
  bottom: 68px;
  left: 33px;
  background: #666;
  border-radius: 50%;
  box-shadow: 0 0 0 7px #ddd, 0 0 0 11px #666, 50px 0 0 #666, 50px 0 0 7px #ddd, 50px 0 0 11px #666, 100px 0 0 #666, 100px 0 0 7px #ddd, 100px 0 0 11px #666, -5px -75px 0 -2px rgba(0,0,0,0.4), -5px -60px 0 -2px rgba(0,0,0,0.4), -5px -45px 0 -2px rgba(0,0,0,0.4), 10px -75px 0 -2px rgba(0,0,0,0.4), 10px -60px 0 -2px rgba(0,0,0,0.4), 10px -45px 0 -2px rgba(0,0,0,0.4), 27px -75px 0 -2px rgba(0,0,0,0.4), 27px -60px 0 -2px rgba(0,0,0,0.4), 27px -45px 0 -2px rgba(0,0,0,0.4), 44px -75px 0 -2px rgba(0,0,0,0.4), 44px -60px 0 -2px rgba(0,0,0,0.4), 44px -45px 0 -2px rgba(0,0,0,0.4), 60px -75px 0 -2px rgba(0,0,0,0.4), 60px -60px 0 -2px rgba(0,0,0,0.4), 60px -45px 0 -2px rgba(0,0,0,0.4), 75px -75px 0 -2px rgba(0,0,0,0.4), 75px -60px 0 -2px rgba(0,0,0,0.4), 75px -45px 0 -2px rgba(0,0,0,0.4), 90px -75px 0 -2px rgba(0,0,0,0.4), 90px -60px 0 -2px rgba(0,0,0,0.4), 90px -45px 0 -2px rgba(0,0,0,0.4), 105px -75px 0 -2px rgba(0,0,0,0.4), 105px -60px 0 -2px rgba(0,0,0,0.4), 105px -45px 0 -2px rgba(0,0,0,0.4);
}
#moonrise-kingdom div:after {
  width: 120px;
  margin-left: -62px;
  padding: 2px;
  left: 50%;
  top: 70px;
  content: 'BARRINGTON';
  background: white;
  font-family: Helvetica;
  font-size: 10px;
  font-weight: bold;
  color: #666;
}
#lightsaber-darth {
  background: #aaa;
}
#lightsaber-darth div {
  width: 40px;
  height: 250px;
  margin-left: -20px;
  margin-top: -125px;
  background-color: #ccc;
  background-image: linear-gradient(to right, rgba(0,0,0,0.2) 0, transparent 30%, transparent 70%, rgba(0,0,0,0.2) 100%), radial-gradient(circle at 26px 75px, #444 5px, transparent 5px), radial-gradient(circle at 26px 62px, #444 5px, transparent 5px), linear-gradient(to bottom, transparent 37px, rgba(0,0,0,0.2) 37px, rgba(0,0,0,0.2) 39px, transparent 39px), linear-gradient(to bottom, #444 20%, transparent 20%), linear-gradient(to right, rgba(255,255,255,0) 20%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0.4) 35%, rgba(255,255,255,0) 40%), linear-gradient(to bottom, transparent 37%, #444 37%, #444 50%, transparent 50%), linear-gradient(to bottom, #ccc 50%, transparent 50%, transparent 98%, #ddd 98%), linear-gradient(to right, #444 20%, transparent 20%, transparent 35%, #444 35%, #444 65%, transparent 65%, transparent 80%, #444 80%), linear-gradient(to top, transparent 10px, #888 10px, #888 12px, transparent 12px, transparent 14px, #888 14px, #888 16px, transparent 16px, transparent 18px, #888 18px, #888 20px, transparent 20px, transparent 22px, #888 22px, #888 24px, transparent 24px);
  border-top-right-radius: 80px 60px;
  border-bottom-right-radius: 40px 10px;
  border-bottom-left-radius: 40px 10px;
}
#lightsaber-darth div:before {
  width: 8px;
  height: 55px;
  background: #444;
  left: -8px;
  top: 20px;
  border-top-left-radius: 10px 20px;
}
#lightsaber-darth div:after {
  width: 12px;
  height: 34px;
  right: -12px;
  top: 91px;
  background: #444;
  background-image: radial-gradient(circle at center center, #888 3px, transparent 3px);
}
#lightsaber-luke {
  background: #f7f7f7;
}
#lightsaber-luke div {
  width: 24px;
  height: 96px;
  margin-left: -12px;
  margin-top: -125px;
  background-image: linear-gradient(to bottom, #ccc 20px, #daa520 20px, #daa520 60px, #444 60px);
}
#lightsaber-luke div:before {
  width: 40px;
  height: 250px;
  margin-left: -20px;
  left: 50%;
  background-image: linear-gradient(to right, rgba(255,255,255,0) 25%, rgba(255,255,255,0.4) 35%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 55%, rgba(255,255,255,0.4) 65%, rgba(255,255,255,0) 75%), linear-gradient(to bottom, #ccc 10px, transparent 10px, transparent 45px, #daa520 45px, #daa520 60px, #ccc 60px, #ccc 65px, transparent 65px), linear-gradient(to top, transparent 20px, rgba(0,0,0,0.1) 20px, rgba(0,0,0,0.1) 22px, transparent 22px), linear-gradient(to top, #ccc 90px, #444 90px, #444 98px, #ccc 98px, #ccc 102px, #444 102px, #444 106px, #ccc 106px, #ccc 110px, #444 110px, #444 114px, #ccc 114px, #ccc 118px, #444 118px, #444 122px, #ccc 122px, #ccc 126px, #444 126px, #444 130px, #ccc 130px, #ccc 134px, #444 134px, #444 138px, #ccc 138px, #ccc 142px, #444 142px, #444 146px, #ccc 146px, #ccc 150px, #444 150px, #444 154px, #ccc 154px, #ccc 158px, transparent 158px);
  border-bottom-right-radius: 40px 10px;
  border-bottom-left-radius: 40px 10px;
}
#lightsaber-luke div:after {
  width: 10px;
  height: 44px;
  background-image: radial-gradient(circle at 7px 15px, #ff6347 2px, transparent 2px), radial-gradient(circle at 7px 7px, #0f0 2px, transparent 2px), linear-gradient(to bottom, #ccc 50%, #444 50%);
  left: -24px;
  bottom: -112px;
  border-left: 4px solid #daa520;
  border-right: 4px solid #ccc;
  box-shadow: 1px 0 0 rgba(0,0,0,0.2);
}
#bb8 {
  background: #444;
  z-index: -3;
}
#bb8 div {
  width: 120px;
  height: 78px;
  margin-left: -60px;
  margin-top: -145px;
  background-color: white;
  background-image: radial-gradient(circle at 85px 50px, #555 5px, transparent 6px), radial-gradient(circle at 85px 50px, white 7px, transparent 8px), radial-gradient(circle at 85px 50px, #555 10px, transparent 11px), radial-gradient(circle at 58px 32px, rgba(255,255,255,0.9) 2px, transparent 3px), radial-gradient(circle at 52px 36px, #333 12px, transparent 13px), radial-gradient(circle at 52px 36px, #555 16px, transparent 17px), radial-gradient(circle at 52px 37px, white 20px, transparent 20px), linear-gradient(to top, #aaa 7px, transparent 7px), linear-gradient(to bottom, white 7px, #ccc 7px, #aaa 15px, white 15px, white 18px, #ffa500 18px, #ffa500 24px, transparent 24px), linear-gradient(to right, transparent 29px, #ccc 30px, #ccc 31px, transparent 31px, transparent 60px, #ccc 61px, #ccc 62px, transparent 62px), linear-gradient(to right, transparent 5px, white 5px, white 10px, transparent 10px, transparent 30px, white 30px, white 40px, transparent 40px, transparent 50px, white 50px, white 100px, transparent 100px, transparent 115px, white 115px), linear-gradient(to top, #ffa500 16px, transparent 16px);
  border-radius: 50%/60px;
  border-bottom-right-radius: 50px 10px;
  border-bottom-left-radius: 50px 10px;
  border-bottom: 8px solid #ccc;
  box-shadow: inset -5px -2px 20px rgba(0,0,0,0.4);
}
#bb8 div:before {
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: 79px;
  left: 50%;
  background-color: white;
  background-image: radial-gradient(ellipse at top right, #ffa500 50px, transparent 50px), radial-gradient(ellipse at bottom right, #ffa500 50px, transparent 50px), radial-gradient(ellipse at top left, #ffa500 50px, transparent 50px), radial-gradient(ellipse at bottom left, #ffa500 50px, transparent 50px), radial-gradient(circle at 100px 100px, transparent 60px, white 61px), radial-gradient(circle at 100px 100px, transparent 44px, #ffa500 45px), linear-gradient(to bottom, transparent 90px, white 90px, white 93px, transparent 93px, transparent 99px, white 99px, white 103px, transparent 103px, transparent 108px, white 108px, white 112px, transparent 112px), radial-gradient(circle at 100px 100px, #aaa 24px, transparent 25px), radial-gradient(circle at 100px 100px, white 28px, transparent 29px), linear-gradient(-45deg, transparent 132px, white 132px, white 136px, #ffa500 136px, #ffa500 152px, white 152px, white 155px, transparent 155px), linear-gradient(45deg, transparent 129px, white 129px, white 133px, #ffa500 133px, #ffa500 150px, white 150px, white 153px, transparent 153px), linear-gradient(to bottom, transparent 75px, white 75px, white 119px, transparent 119px), radial-gradient(circle at 100px 100px, #aaa 40px, transparent 41px), radial-gradient(circle at 100px 100px, white 44px, transparent 45px);
  border-radius: 50%;
  z-index: -2;
  animation: spin 0.8s infinite linear;
}
#bb8 div:after {
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: 79px;
  left: 50%;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 10px, transparent 15px);
  box-shadow: inset 0 -20px 30px rgba(0,0,0,0.5);
  z-index: -1;
  -webkit-transform: translate3d(0, 0, 0);
}
@-moz-keyframes spin {
  0 {
    transform: rotate(0deg) translateZ(0);
  }

  100% {
    transform: rotate(-360deg) translateZ(0);
  }
}
@-webkit-keyframes spin {
  0 {
    transform: rotate(0deg) translateZ(0);
  }

  100% {
    transform: rotate(-360deg) translateZ(0);
  }
}
@-o-keyframes spin {
  0 {
    transform: rotate(0deg) translateZ(0);
  }

  100% {
    transform: rotate(-360deg) translateZ(0);
  }
}
@-ms-keyframes spin {
  0 {
    transform: rotate(0deg) translateZ(0);
  }

  100% {
    transform: rotate(-360deg) translateZ(0);
  }
}
@keyframes spin {
  0 {
    transform: rotate(0deg) translateZ(0);
  }

  100% {
    transform: rotate(-360deg) translateZ(0);
  }
}
#pizza-works {
  background: #fff8dc;
}
#pizza-works div {
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -100px;
  background: #d2b48c;
  background-image: radial-gradient(circle, rgba(255,215,0,0.24) 30%, transparent 58%), radial-gradient(circle, #fffacd 55%, transparent 58%), radial-gradient(circle, #b22222 60%, transparent 61%), radial-gradient(circle, rgba(139,69,19,0.4) 58%, transparent 64%), radial-gradient(circle, transparent 66%, #8b4513 81%);
  border-radius: 50%;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
#pizza-works div:before {
  width: 25px;
  height: 25px;
  left: 50px;
  top: 50px;
  background: #b22222;
  border-radius: 50%;
  box-shadow: 20px 20px 0 -5px #cd853f, 30px -20px 0 -5px #cd853f, -15px 25px 0 -5px #cd853f, 30px 60px 0 -5px #cd853f, 68px 25px 0 -5px #cd853f, 85px 80px 0 -5px #cd853f, 45px 25px 0 #b22222, 60px -15px 0 #b22222, -10px 50px 0 #b22222, 90px 30px 0 #b22222, 20px 90px 0 #b22222, 65px 70px 0 #b22222;
}
#pizza-works div:after {
  width: 6px;
  height: 6px;
  left: 80px;
  top: 60px;
  background: #2e8b57;
  border-radius: 2px;
  box-shadow: 50px 10px 0 #2e8b57, -20px 30px 0 #2e8b57, -10px 55px 0 #2e8b57, -25px 80px 0 #2e8b57, 35px 50px 0 #2e8b57, 40px 90px 0 #2e8b57, 70px 60px 0 #2e8b57, 70px 0px 0 white, 25px -10px 0 white, -10px -15px 0 white, -15px 40px 0 white, 10px 30px 0 white, 20px 70px 0 white, 50px 50px 0 white, 55px 85px 0 white;
}
#pizza-marg {
  background: #ffebcd;
}
#pizza-marg div {
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -100px;
  background: #deb887;
  background-image: radial-gradient(circle, rgba(139,0,0,0.3) 25%, transparent 58%), radial-gradient(circle, #b22222 63%, transparent 65%), radial-gradient(circle, transparent 65%, #8b4513 84%);
  border-radius: 50%;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
#pizza-marg div:before {
  width: 32px;
  height: 32px;
  left: 45px;
  top: 48px;
  background: white;
  border-radius: 50%;
  box-shadow: 50px -23px 0 white, 91px 20px 0 white, 36px 30px 0 white, -10px 60px 0 white, 25px 89px 0 white, 80px 80px 0 white, 20px -30px 0 -14px rgba(0,0,0,0.4), -30px 10px 0 -14px rgba(0,0,0,0.5), -5px 35px 0 -14px rgba(0,0,0,0.4), 16px 16px 0 -14px rgba(0,0,0,0.5), 90px -10px 0 -14px rgba(0,0,0,0.4), 58px 10px 0 -14px rgba(0,0,0,0.5), 60px 60px 0 -14px rgba(0,0,0,0.5), 105px 55px 0 -14px rgba(0,0,0,0.4), -5px 90px 0 -14px rgba(0,0,0,0.5), 55px 105px 0 -14px rgba(0,0,0,0.5);
}
#pizza-marg div:after {
  width: 20px;
  height: 20px;
  left: 65px;
  top: 45px;
  background: #2e8b57;
  border-radius: 35px 5px;
  box-shadow: 50px 55px 0 #2e8b57, 70px -10px 0 -2px #2e8b57, -10px 80px 0 -2px #2e8b57, 40px 105px 0 -2px #2e8b57;
}
#pizza-pie {
  background-color: #f5f5dc;
}
#pizza-pie div {
  width: 120px;
  height: 120px;
  margin-left: -63px;
  margin-top: -63px;
  background-color: #deb887;
  background-image: radial-gradient(#ffe970 50px, transparent 50px), radial-gradient(#cd853f 15%, transparent 16%), radial-gradient(#cd853f 15%, transparent 16%);
  background-size: 100% 100%, 10px 10px, 10px 10px;
  background-position: center center, 0 0, 5px 5px;
  border-radius: 50%;
  border: 3px solid #c88937;
}
#pizza-pie div:before {
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  background-image: radial-gradient(#b22222 50%, transparent 50%), radial-gradient(#b22222 50%, transparent 50%), radial-gradient(#b22222 50%, transparent 50%), radial-gradient(#b22222 50%, transparent 50%), radial-gradient(#b22222 50%, transparent 50%), radial-gradient(#b22222 50%, transparent 50%), radial-gradient(#b22222 50%, transparent 50%);
  background-size: 24px 24px;
  background-position: 24px 26px, 52px 16px, 78px 36px, 48px 46px, 18px 54px, 38px 76px, 70px 68px;
}
#vinyl-record {
  background: #ddd;
}
#vinyl-record div {
  width: 160px;
  height: 160px;
  margin-left: -80px;
  margin-top: -140px;
  background: linear-gradient(50deg, rgba(255,255,255,0) 40%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0) 60%), linear-gradient(-50deg, rgba(255,255,255,0) 40%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0) 60%), repeating-radial-gradient(circle, #333 0, #333 2px, #444 2px, #444 4px);
  border-radius: 50%;
  box-shadow: -3px -3px 2px rgba(0,0,0,0.2);
}
#vinyl-record div:before {
  width: 45px;
  height: 45px;
  margin-left: -22.5px;
  margin-top: -22.5px;
  top: 50%;
  left: 50%;
  background-color: #f5f5dc;
  background-image: radial-gradient(circle, #333 5px, transparent 5px), linear-gradient(to bottom, #d2b48c 35%, transparent 35%);
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0,0,0,0.3);
}
#vinyl-record div:after {
  width: 160px;
  height: 160px;
  margin-left: -8px;
  top: 100px;
  background-color: #f7f7f7;
  background-image: linear-gradient(-45deg, #be0974 20px, #da6a57 20px, #da6a57 40px, #eebc31 40px, #eebc31 60px, #92a25b 60px, #92a25b 80px, #46a7c0 80px, #46a7c0 100px, transparent 100px);
  border-radius: 4px;
  border: 8px solid #f7f7f7;
  box-shadow: 0 -2px 3px rgba(0,0,0,0.1), 0 -12px 0 -3px white, -4px -4px 2px rgba(0,0,0,0.1);
}
#cassette {
  background: #ccc;
}
#cassette div {
  width: 180px;
  height: 120px;
  margin-left: -90px;
  margin-top: -60px;
  border-radius: 5px;
  background-image: linear-gradient(to right, #444 10px, transparent 10px), linear-gradient(to left, #444 10px, transparent 10px), linear-gradient(135deg, #444 20px, transparent 20px), linear-gradient(-135deg, #444 20px, transparent 20px), linear-gradient(to bottom, transparent 35px, #be0974 35px, #be0974 43px, #da6a57 43px, #da6a57 51px, #eebc31 51px, #eebc31 59px, #92a25b 59px, #92a25b 67px, #46a7c0 67px, #46a7c0 75px, transparent 75px), linear-gradient(to bottom, transparent 10px, #f7f7f7 10px, #f7f7f7 85px, transparent 85px), linear-gradient(to top, transparent 26px, #444 26px), linear-gradient(105deg, #444 70px, #333 70px, #333 73px, transparent 73px), linear-gradient(-105deg, #444 70px, #333 70px, #333 73px, transparent 73px), linear-gradient(to top, #444 24px, #777 24px, #777 26px, #444 26px);
  box-shadow: -4px -4px 2px rgba(0,0,0,0.2);
}
#cassette div:before {
  width: 90px;
  height: 26px;
  margin-left: -45px;
  left: 50%;
  top: 41px;
  background-color: #ccc;
  background-image: linear-gradient(to bottom, #444 5px, transparent 5px), linear-gradient(to top, #444 5px, transparent 5px), linear-gradient(to right, #444 30px, transparent 30px), linear-gradient(to left, #444 30px, transparent 30px), radial-gradient(circle at 10px 12px, #a0522d 32px, transparent 32px);
  border-radius: 30px;
}
#cassette div:after {
  width: 5px;
  height: 5px;
  background: #999;
  border-radius: 50%;
  box-shadow: 165px 0 0 #999, 0 104px 0 #999, 165px 104px 0 #999, 55px 101px 0 1px #222, 68px 98px 0 1px #222, 98px 98px 0 1px #222, 110px 101px 0 1px #222, 51px 38px 0 #444, 114px 38px 0 #444, 44px 46px 0 #444, 58px 46px 0 #444, 107px 46px 0 #444, 121px 46px 0 #444, 51px 53px 0 #444, 114px 53px 0 #444, 51px 46px 0 6px #ccc, 114px 46px 0 6px #ccc;
  left: 5px;
  top: 5px;
}
#cd {
  background: #bbb;
}
#cd div {
  width: 140px;
  height: 140px;
  margin-left: -70px;
  margin-top: -140px;
  border-radius: 50%;
  background-color: #eee;
  background-image: radial-gradient(circle, #bbb 10px, #ddd 10px, #ddd 20px, #999 20px, #999 23px, transparent 23px), linear-gradient(55deg, transparent 40%, rgba(0,0,0,0.1) 50%, transparent 60%), linear-gradient(-80deg, rgba(255,255,255,0) 35%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 65%), linear-gradient(20deg, rgba(255,255,255,0) 35%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 65%);
  box-shadow: 0 0 0 4px #ccc, -6px -6px 2px rgba(0,0,0,0.2);
}
#cd div:before {
  width: 160px;
  height: 146px;
  left: -12px;
  top: 114px;
  background-color: #eee;
  background-image: linear-gradient(to right, rgba(0,0,0,0.15), transparent 10px), linear-gradient(to top, #eee 60%, transparent 60%), linear-gradient(to left, transparent 35px, #be0974 35px, #be0974 55px, #da6a57 55px, #da6a57 75px, #eebc31 75px, #eebc31 95px, #92a25b 95px, #92a25b 115px, #46a7c0 115px, #46a7c0 135px, transparent 135px);
  box-shadow: -2px -1px 2px 0 rgba(0,0,0,0.2);
}
#cd div:after {
  width: 186px;
  height: 154px;
  left: -34px;
  top: 110px;
  background-color: rgba(255,255,255,0.2);
  background-image: linear-gradient(to right, rgba(255,255,255,0) 14px, rgba(255,255,255,0.4) 14px, rgba(255,255,255,0.4) 16px, rgba(255,255,255,0) 16px), linear-gradient(30deg, rgba(255,255,255,0) 30px, rgba(255,255,255,0.4) 60px, rgba(255,255,255,0) 90px);
  border: 1px solid rgba(255,255,255,0.2);
  box-shadow: -3px -3px 2px rgba(0,0,0,0.2), inset -5px -5px 2px rgba(0,0,0,0.15), inset 3px 3px 2px rgba(0,0,0,0.1);
}
#graham-cracker {
  background: #afeeee;
}
#graham-cracker div {
  width: 170px;
  height: 170px;
  margin-left: -85px;
  margin-top: -85px;
  background: linear-gradient(140deg, #d2b48c, #c59f6b);
  border-radius: 4px;
  box-shadow: 7px 7px 0 -2px rgba(0,0,0,0.1), inset 5px 5px 4px rgba(255,255,255,0.4), inset -5px -5px 5px rgba(0,0,0,0.17);
}
#graham-cracker div:before {
  height: 170px;
  margin-left: 85px;
  border-right: 2px dashed rgba(255,255,255,0.15);
  border-left: 2px dashed rgba(0,0,0,0.15);
}
#graham-cracker div:after {
  width: 6px;
  height: 6px;
  left: 20px;
  top: 19px;
  background: #88734e;
  border-radius: 50%;
  box-shadow: 0 3px 2px 3px rgba(255,255,255,0.15), 37px 0 0 #88734e, 37px 3px 2px 3px rgba(255,255,255,0.15), 87px 0 0 #88734e, 87px 3px 2px 3px rgba(255,255,255,0.15), 120px 0 0 #88734e, 120px 3px 2px 3px rgba(255,255,255,0.15), 19px 25px 0 #88734e, 19px 28px 2px 3px rgba(255,255,255,0.15), 104px 25px 0 #88734e, 104px 28px 2px 3px rgba(255,255,255,0.15), 0 50px 0 #88734e, 2px 53px 2px 3px rgba(255,255,255,0.15), 37px 50px 0 #88734e, 37px 53px 2px 3px rgba(255,255,255,0.15), 87px 50px 0 #88734e, 87px 53px 2px 3px rgba(255,255,255,0.15), 120px 50px 0 #88734e, 120px 53px 2px 3px rgba(255,255,255,0.15), 19px 75px 0 #88734e, 19px 78px 2px 3px rgba(255,255,255,0.15), 104px 75px 0 #88734e, 104px 78px 2px 3px rgba(255,255,255,0.15), 0 100px 0 #88734e, 0 103px 2px 3px rgba(255,255,255,0.15), 37px 100px 0 #88734e, 37px 103px 2px 3px rgba(255,255,255,0.15), 87px 100px 0 #88734e, 87px 103px 2px 3px rgba(255,255,255,0.15), 120px 100px 0 #88734e, 120px 103px 2px 3px rgba(255,255,255,0.15), 19px 125px 0 #88734e, 19px 128px 2px 3px rgba(255,255,255,0.15), 104px 125px 0 #88734e, 104px 128px 2px 3px rgba(255,255,255,0.15);
}
#marshmallow2 {
  background: #97e9e9;
}
#marshmallow2 div {
  width: 100px;
  height: 120px;
  margin-left: -50px;
  margin-top: -62px;
  background-color: #eee;
  background-image: radial-gradient(circle at 50% -70px, rgba(255,255,255,0.85) 48%, rgba(255,255,255,0) 53%), linear-gradient(-80deg, rgba(0,0,0,0.09), rgba(255,255,255,0) 30%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.8) 100%);
  border-top-left-radius: 100px 32px;
  border-top-right-radius: 100px 32px;
  border-bottom-left-radius: 100px 40px;
  border-bottom-right-radius: 100px 40px;
  box-shadow: 6px 6px 0 -2px rgba(0,0,0,0.07);
}
#chocolate {
  background: #7ce3e3;
}
#chocolate div {
  width: 150px;
  height: 150px;
  margin-left: -75px;
  margin-top: -80px;
  background: linear-gradient(140deg, #8b4513, #793c11);
  border-radius: 5px;
  border: 3px solid rgba(255,255,255,0.35);
  border-right-color: rgba(0,0,0,0.3);
  border-bottom-color: rgba(0,0,0,0.3);
  box-shadow: 7px 7px 0 -2px rgba(0,0,0,0.1);
}
#chocolate div:before {
  top: 4px;
}
#chocolate div:after {
  bottom: 3px;
}
#chocolate div:before,
#chocolate div:after {
  width: 133px;
  height: 20px;
  padding: 22px 0 18px;
  left: 4px;
  background: #7d3e11;
  border: 5px solid rgba(255,255,255,0.35);
  border-right-color: rgba(0,0,0,0.3);
  border-bottom-color: rgba(0,0,0,0.3);
  border-radius: 3px;
  box-shadow: inset 0 0 0 14px #8b4513, inset 0 -16px 1px rgba(255,255,255,0.3), inset 17px 17px 1px rgba(0,0,0,0.25);
  content: 'HERSHEY’S';
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 15px;
  color: rgba(0,0,0,0.4);
  text-shadow: 1px 1px 0 rgba(255,255,255,0.15);
}
.cactus div {
  width: 120px;
  height: 24px;
  margin-left: -60px;
  margin-top: 50px;
  background: rgba(0,0,0,0.1);
  border-radius: 50%;
}
.cactus div:before {
  left: 50%;
  z-index: 2;
  background-image: linear-gradient(to left, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.05) 25%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0) 50%);
  border: 5px solid #b8860b;
}
.cactus div:after {
  left: 50%;
  z-index: 1;
  background: #90ee90;
  background-image: linear-gradient(to left, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.05) 20%, rgba(0,0,0,0.05) 46%, rgba(0,0,0,0) 46%), radial-gradient(rgba(255,255,255,0.8) 15%, rgba(255,255,255,0) 16%), repeating-linear-gradient(to right, #90ee90, #90ee90 8px, #5ee65e 8px, #5ee65e 16px);
  background-size: auto auto, 15px 15px, auto auto;
  background-position: 0 0, 30px 30px, 0 0;
  border: 5px solid #b8860b;
}
#cactus1 {
  background: #f5deb3;
}
#cactus1 div:before {
  width: 100px;
  height: 60px;
  margin-left: -55px;
  top: -56px;
  background-color: #f4a460;
  border-radius: 8px 8px 30px 30px;
}
#cactus1 div:after {
  width: 60px;
  height: 90px;
  margin-left: -35px;
  top: -140px;
  border-radius: 44px 44px 0 0;
}
#cactus2 {
  background: #f2d399;
}
#cactus2 div:before {
  width: 100px;
  height: 40px;
  margin-left: -55px;
  top: -36px;
  background-color: #d3d3d3;
  border-radius: 8px 8px 50px 50px;
}
#cactus2 div:after {
  width: 70px;
  height: 70px;
  margin-left: -40px;
  top: -80px;
  border-radius: 50%;
  box-shadow: 0 -45px 0 -33px #ffb6c1, -10px -38px 0 -33px #ffb6c1, 10px -38px 0 -33px #ffb6c1, 0 -45px 0 -28px #b8860b, -10px -38px 0 -28px #b8860b, 10px -38px 0 -28px #b8860b;
}
#cactus3 {
  background: #eec77f;
}
#cactus3 div:before {
  width: 86px;
  height: 50px;
  margin-left: -48px;
  top: -47px;
  background-color: #eee8aa;
  border-radius: 8px 8px 14px 14px;
}
#cactus3 div:after {
  width: 60px;
  height: 75px;
  margin-left: -35px;
  top: -120px;
  border-top-right-radius: 40px 45px;
  border-top-left-radius: 40px 45px;
  border-bottom-right-radius: 40px 50px;
  border-bottom-left-radius: 40px 50px;
  box-shadow: 0 -48px 0 -30px #fa8072, 0 -48px 0 -25px #b8860b;
}
#inner-tube {
  background: #87ceeb;
}
#inner-tube div,
#inner-tube div:before,
#inner-tube div:after {
  box-sizing: border-box;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
#inner-tube div {
  margin-left: -116px;
  margin-top: -40px;
  border: 42px solid rgba(0,0,0,0.05);
}
#inner-tube div:before {
  margin-top: -90px;
  border: 42px solid #ff1493;
  border-top-color: #ffffe0;
  border-bottom-color: #ffffe0;
  box-shadow: inset -5px 5px 0 rgba(0,0,0,0.15), -5px 5px 0 rgba(0,0,0,0.15), -30px 0 0 2px rgba(255,255,255,0.1), 0 -30px 0 -2px rgba(255,255,255,0.15), 30px 0 0 2px rgba(255,255,255,0.1), 0 30px 0 -2px rgba(255,255,255,0.15), 120px 90px 0 -60px rgba(255,255,255,0.1), 100px 100px 0 -50px rgba(255,255,255,0.1), 110px -90px 0 -60px rgba(255,255,255,0.1), -120px -120px 0 -50px rgba(255,255,255,0.1);
}
#inner-tube div:after {
  left: 0;
  top: -90px;
  background: radial-gradient(circle, rgba(0,0,0,0) 32px, rgba(0,0,0,0.06) 32px, rgba(0,0,0,0.06) 40px, rgba(0,0,0,0) 40px, rgba(255,255,255,0) 55px, rgba(255,255,255,0.7) 55px, rgba(255,255,255,0.7) 62px, rgba(255,255,255,0) 62px, rgba(0,0,0,0) 70px, rgba(0,0,0,0.06) 70px);
  border-radius: 50%;
}
#popsicle {
  background: #abddf1;
}
#popsicle div {
  width: 90px;
  height: 150px;
  margin-left: -45px;
  margin-top: -110px;
  background: #ff1493;
  border-radius: 40px 40px 9px 9px;
  box-shadow: 0 9px 0 white, -5px 13px 0 0 rgba(0,0,0,0.1), inset -10px 5px 0 -4px rgba(255,255,255,0.5), inset 7px -2px 0 rgba(0,0,0,0.05);
}
#popsicle div:before {
  width: 24px;
  height: 60px;
  margin-left: -12px;
  left: 50%;
  bottom: -64px;
  background: #ebbd68;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.15) 12px, rgba(0,0,0,0) 12px);
  border-radius: 0 0 15px 15px;
  box-shadow: 0 4px 0 #e4a530, -8px 9px 0 rgba(0,0,0,0.1);
}
#popsicle div:after {
  width: 18px;
  height: 110px;
  left: 20px;
  top: 24px;
  background: rgba(0,0,0,0.05);
  border-radius: 7px;
  box-shadow: 30px 0 0 rgba(0,0,0,0.05);
}
#embroidery {
  background: #faf0e6;
  z-index: -3;
}
#embroidery div {
  width: 50px;
  height: 20px;
  margin-left: -25px;
  margin-top: -125px;
  background: linear-gradient(to right, transparent 5px, #cd853f 5px, #f0dac5 15px, #d9a46f 20px, transparent 20px, transparent 25px, #cd853f 25px, #f0dac5 30px, #d9a46f 35px, transparent 35px), linear-gradient(to bottom, transparent 7px, #c96d41 7px, #804224 11px, transparent 11px), radial-gradient(ellipse at bottom center, rgba(0,0,0,0.1), rgba(0,0,0,0) 60%);
  border-radius: 50%;
  box-shadow: 50px 20px 10px rgba(0,0,0,0.05), 80px 45px 10px rgba(255,255,255,0.4), 90px 70px 4px -9px rgba(0,0,0,0.2), 100px 70px 10px -4px rgba(0,0,0,0.07), 100px 95px 10px rgba(255,255,255,0.4), 97px 120px 10px -7px rgba(0,0,0,0.2), 100px 120px 20px rgba(0,0,0,0.1), 110px 165px 40px rgba(255,255,255,0.8), 60px 200px 18px -2px rgba(0,0,0,0.1), 80px 200px 25px rgba(0,0,0,0.1), 0 230px 20px rgba(0,0,0,0.1), -65px 45px 30px 5px rgba(0,0,0,0.1), -100px 70px 10px -9px rgba(0,0,0,0.2), -97px 70px 20px -4px rgba(0,0,0,0.1), -100px 90px 10px rgba(255,255,255,0.4), -108px 120px 10px -7px rgba(0,0,0,0.15), -120px 120px 25px rgba(0,0,0,0.1), -80px 200px 30px -5px rgba(0,0,0,0.3), -50px 220px 10px rgba(255,255,255,0.4);
}
#embroidery div:before {
  box-sizing: border-box;
  width: 220px;
  height: 220px;
  margin-left: -110px;
  left: 50%;
  top: 14px;
  background: #fbf4ec;
  border: 6px solid #d7bc98;
  border-radius: 50%;
  box-shadow: inset -2px 2px 0 rgba(255,255,255,0.9), inset 2px -2px 5px rgba(0,0,0,0.15), 0 5px 0 1px #be935a, -6px 8px 3px rgba(0,0,0,0.2), -12px 14px 5px rgba(0,0,0,0.1);
}
#embroidery div:after {
  content: '×';
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  color: #4682b4;
  top: 120px;
  left: -42px;
  text-shadow: 0 8px, 0 16px, 0 24px, 0 32px, 7px -8px, 7px 40px, 14px -8px, 14px 40px, 21px -8px, 21px 40px, 28px 0, 28px 32px, 42px 0, 42px 8px, 42px 40px, 49px -8px, 49px 16px, 49px 32px, 56px -8px, 56px 16px, 56px 40px, 63px -8px, 63px 16px, 63px 40px, 70px 0, 70px 16px, 70px 40px, 77px -8px, 77px 24px, 77px 32px, 91px 0, 91px 8px, 91px 40px, 98px -8px, 98px 16px, 98px 32px, 105px -8px, 105px 16px, 105px 40px, 112px -8px, 112px 16px, 112px 40px, 119px 0, 119px 16px, 119px 40px, 126px -8px, 126px 24px, 126px 32px, 42px -64px #c71585, 42px -56px #c71585, 49px -72px #c71585, 49px -64px #c71585, 49px -56px #c71585, 49px -48px #c71585, 56px -72px #c71585, 56px -64px #c71585, 56px -56px #c71585, 56px -48px #c71585, 56px -40px #c71585, 63px -64px #c71585, 63px -56px #c71585, 63px -48px #c71585, 63px -40px #c71585, 63px -32px #c71585, 70px -72px #c71585, 70px -64px #c71585, 70px -56px #c71585, 70px -48px #c71585, 70px -40px #c71585, 77px -72px #c71585, 77px -64px #c71585, 77px -56px #c71585, 77px -48px #c71585, 84px -64px #c71585, 84px -56px #c71585;
}
@media (max-width: 400px) {
  #embroidery div {
    margin-top: -100px;
  }
}
#zipper {
  background: #4e6590;
}
#zipper div {
  width: 46px;
  height: 240px;
  margin-left: -23px;
  margin-top: -115px;
  background: rgba(0,0,0,0.06) no-repeat;
  background-image: linear-gradient(to top, transparent 10px, #aaa 10px, #aaa 15px, #ccc 15px, #ccc 30px, transparent 30px), repeating-linear-gradient(to bottom, transparent, transparent 5px, #ddd 5px, #ddd 10px), repeating-linear-gradient(to bottom, #ccc, #ccc 5px, transparent 5px, transparent 10px);
  background-size: 26px 100%, 15px 230px, 15px 230px;
  background-position: 10px 0, 10px 0, 21px 0;
  border-radius: 0 0 5px 5px;
  border: 2px dashed #8fa1c2;
  border-top: none;
}
#zipper div:before {
  width: 40px;
  height: 24px;
  margin-left: -20px;
  left: 50%;
  top: -10px;
  background: linear-gradient(to right, transparent 35%, #ddd 35%, #ddd 50%, #ccc 50%, #ccc 65%, rgba(0,0,0,0.1) 65%, rgba(0,0,0,0.1) 75%, transparent 75%), linear-gradient(to right, #aaa 50%, #999 50%);
  border-radius: 50px/15px;
  box-shadow: 0 5px 0 rgba(0,0,0,0.2);
}
#zipper div:after {
  box-sizing: border-box;
  width: 32px;
  height: 70px;
  margin-left: -16px;
  left: 50%;
  top: 8px;
  background: rgba(0,0,0,0.4) no-repeat;
  background-image: linear-gradient(to bottom, transparent 16px, #ccc 16px, #ccc 50px, transparent 50px), linear-gradient(to right, transparent 3px, #ddd 3px, #ddd 9px, #ccc 9px, #ccc 15px, rgba(0,0,0,0.1) 15px, rgba(0,0,0,0.1) 18px, transparent 18px), linear-gradient(to bottom, #ccc 7px, transparent 7px);
  background-size: 100% 100%, 100% 12px;
  border-radius: 2px 2px 4px 4px;
  border: 7px solid #ccc;
  border-top: none;
  box-shadow: 0 5px 0 rgba(0,0,0,0.3);
}
#jeans-pocket {
  background: #5872a3;
}
#jeans-pocket div,
#jeans-pocket div:before,
#jeans-pocket div:after {
  box-sizing: border-box;
}
#jeans-pocket div {
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -94px;
  background: #536c99;
  border-bottom-right-radius: 80px 40px;
  border-bottom-left-radius: 80px 40px;
  border: 2px dashed #8fa1c2;
  box-shadow: 0 0 0 8px #5872a3, 0 0 0 10px rgba(0,0,0,0.1), 5px 5px 0 8px rgba(0,0,0,0.2);
}
#jeans-pocket div:before {
  width: 220px;
  height: 100px;
  left: 50%;
  top: -15px;
  margin-left: -110px;
  background: #556e9d no-repeat;
  background-image: linear-gradient(to bottom, #8fa1c2 3px, transparent 3px), linear-gradient(to right, #8fa1c2 3px, rgba(0,0,0,0.3) 3px, rgba(0,0,0,0.3) 6px, #8fa1c2 6px, #8fa1c2 9px, transparent 9px);
  background-size: 9px 3px, 9px 40px;
  background-position: center 35%, center 60%;
  border-radius: 5px 5px 50% 50%;
  border: 2px dashed #8fa1c2;
  box-shadow: 0 0 0 8px #5872a3, 0 0 0 10px rgba(0,0,0,0.1), 0 8px 0 8px rgba(0,0,0,0.2);
}
#jeans-pocket div:after {
  width: 34px;
  height: 34px;
  left: 50%;
  top: 36px;
  margin-left: -17px;
  background: #b68c70;
  background-image: radial-gradient(circle, #a88b51 2px, rgba(0,0,0,0.3) 2px, rgba(0,0,0,0.3) 5px, #b79c59 5px, #b79c59 8px, rgba(0,0,0,0.4) 8px);
  border-radius: 50%;
  border: 3px solid #948042;
  border-top-color: #dbc178;
  box-shadow: 2px 3px 0 rgba(0,0,0,0.15);
}
#ecto-1 {
  background: #ccc;
}
#ecto-1 div {
  width: 250px;
  height: 130px;
  margin-left: -128px;
  margin-top: -68px;
  background-color: #feb81c;
  background-image: linear-gradient(210deg, #feb81c, #ff991d);
  border-radius: 5px;
  border: 3px solid #191970;
  box-shadow: 0 4px 0 rgba(0,0,0,0.2), 0 -3px 0 rgba(255,255,255,0.6), 0 0 0 6px #feb81c, 0 5px 0 6px rgba(0,0,0,0.13), inset 2px 0 #ff991d, inset -2px 0 #feb81c, inset 0 5px 0 rgba(0,0,0,0.2), inset 0 -3px 0 rgba(255,255,255,0.5);
}
#ecto-1 div:before,
#ecto-1 div:after {
  width: 250px;
  text-align: center;
  font-family: 'HelveticaNeue-CondensedBold', 'Arial Narrow', 'Trebuchet MS', Impact, 'Roboto', sans-serif;
  font-weight: bold;
  color: #191970;
}
#ecto-1 div:before {
  padding-top: 20px;
  height: 110px;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 50%, #191970 50%), linear-gradient(to right, #191970, #191970);
  background-repeat: no-repeat;
  background-size: 50px 6px, 3px 34px;
  background-position: 100% 90px, 200px 100%;
  content: 'ECTO-1';
  font-size: 68px;
  line-height: 68px;
  text-shadow: 0 -2px 0 rgba(255,255,255,0.7), 0 3px 0 rgba(0,0,0,0.15);
}
#ecto-1 div:after {
  padding-top: 90px;
  height: 40px;
  background-image: radial-gradient(circle at 15px 14px, #999 5px, rgba(0,0,0,0) 5px), radial-gradient(circle at 55px 118px, #888 5px, rgba(0,0,0,0) 5px), radial-gradient(circle at 235px 14px, #999 5px, rgba(0,0,0,0) 5px), radial-gradient(circle at 192px 118px, #888 5px, rgba(0,0,0,0) 5px);
  content: 'NEW YORK';
  font-size: 20px;
  text-shadow: 0 -2px 0 rgba(255,255,255,0.6), 0 2px 0 rgba(0,0,0,0.15);
  letter-spacing: 3px;
}
#stay-puft {
  background: #bbb;
}
#stay-puft div {
  width: 170px;
  height: 50px;
  margin-left: -85px;
  margin-top: 20px;
  background-color: #000080;
  background-image: linear-gradient(to right, rgba(255,255,255,0) 10%, rgba(255,255,255,0.3) 20%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0) 40%);
  border-bottom-right-radius: 60px 20px;
  border-bottom-left-radius: 60px 20px;
  box-shadow: inset -60px 20px 10px rgba(0,0,0,0.3), 0 7px 5px rgba(0,0,0,0.15);
}
#stay-puft div:before {
  width: 230px;
  height: 90px;
  left: 50%;
  margin-left: -115px;
  top: -75px;
  background: white;
  background-image: radial-gradient(ellipse at 49% 10px, rgba(255,255,255,0.3) 5px, rgba(255,255,255,0) 12px), radial-gradient(ellipse at 50% 15px, #000080 15px, transparent 15px), radial-gradient(ellipse at 52% 18px, rgba(0,0,0,0.2) 12px, transparent 18px);
  border-top-left-radius: 100px 50px;
  border-top-right-radius: 100px 50px;
  border-bottom-left-radius: 70px 40px;
  border-bottom-right-radius: 70px 40px;
  box-shadow: inset -35px -10px 10px rgba(0,0,0,0.07);
}
#stay-puft div:after {
  height: 25px;
  left: 56px;
  top: -60px;
  border-left: 9px solid #dc143c;
  border-right: 9px solid #b13;
  border-bottom: 9px solid transparent;
  border-top: 3px solid #000080;
  box-shadow: 8px -5px 3px -5px rgba(0,0,0,0.2);
  transform: rotate(40deg);
}
#alamo {
  background: #daa520;
}
#alamo div {
  width: 350px;
  height: 250px;
  margin-left: -175px;
  margin-top: -125px;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, #ffe4c4 50%, #d2b48c 50%), linear-gradient(to right, #ffe4c4 50%, #d2b48c 50%), linear-gradient(to right, #ffe4c4 50%, #d2b48c 50%), linear-gradient(to right, #ffe4c4 50%, #d2b48c 50%), radial-gradient(ellipse at top left, transparent 40px, #ffe4c4 40px), radial-gradient(ellipse at top right, transparent 40px, #d2b48c 40px), radial-gradient(ellipse at top left, transparent 40px, #fffaf0 40px), radial-gradient(ellipse at top right, transparent 40px, #fffaf0 40px), linear-gradient(to right, #fffaf0, #fffaf0), linear-gradient(to right, #fffaf0, #fffaf0), linear-gradient(to right, #fffaf0, #fffaf0), linear-gradient(to right, #fffaf0, #fffaf0), radial-gradient(circle, #fffaf0 35px, transparent 35px);
  background-size: 330px 120px, 220px 18px, 180px 10px, 90px 50px, 120px 75px, 120px 75px, 120px 75px, 120px 75px, 340px 130px, 230px 28px, 190px 20px, 100px 60px, 100px 100px;
  background-position: 10px 100px, 65px 85px, 85px 76px, 130px 50px, 92px 52px, 138px 52px, 88px 48px, 142px 48px, 5px 95px, 60px 80px, 80px 71px, 125px 45px, 125px 3px;
}
#alamo div:before {
  width: 60px;
  height: 80px;
  margin-left: -30px;
  left: 50%;
  top: 23px;
  border-radius: 30px 30px 0 0;
  background: linear-gradient(to right, #ffe4c4 50%, #d2b48c 50%);
  box-shadow: 2px 128px 0 -11px rgba(205,133,63,0.3), 0 126px 0 -9px rgba(63,22,16,0.6), -58px 55px 0 -26px #ffdeb6, -60px 53px 0 -24px #d2b48c, -60px 52px 0 -19px rgba(255,255,255,0.4), -58px 116px 0 -26px #ffdeb6, -60px 114px 0 -24px #d2b48c, -60px 113px 0 -19px rgba(255,255,255,0.4), 62px 55px 0 -26px #cfaf84, 60px 53px 0 -24px #c39b66, 60px 52px 0 -19px rgba(255,255,255,0.2), 62px 116px 0 -26px #cfaf84, 60px 114px 0 -24px #c39b66, 60px 113px 0 -19px rgba(255,255,255,0.2);
}
#alamo div:after {
  width: 330px;
  height: 120px;
  top: 100px;
  left: 10px;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 60%, rgba(0,0,0,0.1) 60%), linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(to bottom, rgba(255,255,255,0.5) 60%, rgba(0,0,0,0.15) 60%), linear-gradient(to bottom, rgba(255,255,255,0.3) 60%, rgba(0,0,0,0.15) 60%), linear-gradient(to right, rgba(255,255,255,0.6), rgba(255,255,255,0.6)), linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(to right, rgba(255,255,255,0.6), rgba(255,255,255,0.6)), linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(to right, rgba(255,255,255,0.6), rgba(255,255,255,0.6)), linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(to right, rgba(255,255,255,0.6), rgba(255,255,255,0.6)), linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(to right, rgba(255,255,255,0.4), rgba(255,255,255,0.4)), linear-gradient(to right, rgba(0,0,0,0.12), rgba(0,0,0,0.12)), linear-gradient(to right, rgba(255,255,255,0.4), rgba(255,255,255,0.4)), linear-gradient(to right, rgba(0,0,0,0.12), rgba(0,0,0,0.12)), linear-gradient(to right, rgba(255,255,255,0.4), rgba(255,255,255,0.4)), linear-gradient(to right, rgba(0,0,0,0.12), rgba(0,0,0,0.12)), linear-gradient(to right, rgba(255,255,255,0.4), rgba(255,255,255,0.4)), linear-gradient(to right, rgba(0,0,0,0.12), rgba(0,0,0,0.12)), linear-gradient(to right, rgba(63,22,16,0.6), rgba(63,22,16,0.6)), linear-gradient(to right, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.2) 50%), linear-gradient(to right, rgba(63,22,16,0.6), rgba(63,22,16,0.6)), linear-gradient(to right, rgba(63,22,16,0.6), rgba(63,22,16,0.6)), linear-gradient(to right, rgba(63,22,16,0.7), rgba(63,22,16,0.7)), linear-gradient(to right, rgba(63,22,16,0.7), rgba(63,22,16,0.7));
  background-size: 190px 5px, 190px 2px, 144px 5px, 144px 5px, 8px 60px, 3px 57px, 14px 20px, 3px 20px, 8px 60px, 3px 57px, 14px 20px, 3px 20px, 8px 60px, 3px 57px, 14px 20px, 3px 20px, 8px 60px, 3px 57px, 14px 20px, 3px 20px, 22px 30px, 32px 38px, 15px 25px, 15px 20px, 15px 25px, 15px 20px;
  background-position: 70px 40px, 70px 50px, 0 101px, 186px 101px, 74px 40px, 82px 43px, 71px 100px, 85px 103px, 125px 40px, 133px 43px, 122px 100px, 136px 103px, 195px 40px, 203px 43px, 192px 100px, 206px 103px, 245px 40px, 253px 43px, 241px 100px, 255px 103px, 154px 4px, 149px 0, 25px 15px, 25px 65px, 292px 15px, 292px 65px;
}
.raffle div {
  width: 220px;
  height: 110px;
  margin-left: -110px;
  margin-top: -55px;
  background-repeat: no-repeat;
}
.raffle div:before,
.raffle div:after {
  box-sizing: border-box;
  color: #333;
}
.raffle div:before {
  font-family: 'HelveticaNeue-CondensedBold', 'Arial Narrow', Impact, 'Roboto', sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.raffle div:after {
  border-radius: 10px;
  transform: rotate(-90deg);
  font-size: 14px;
  font-family: monospace;
  text-align: center;
  line-height: 1;
}
#raffle-red {
  background: #d8bfd8;
}
#raffle-red div {
  background-image: radial-gradient(circle at top left, transparent 17px, #dc143c 17px), radial-gradient(circle at top right, transparent 17px, #dc143c 17px), radial-gradient(circle at bottom left, transparent 17px, #dc143c 17px), radial-gradient(circle at bottom right, transparent 17px, #dc143c 17px);
  box-shadow: 0 38px 14px -35px rgba(0,0,0,0.3);
  background-size: 50% 50%;
  background-position: top left, top right, bottom left, bottom right;
}
#raffle-red div:before {
  content: 'ticket';
  width: 234px;
  height: 76px;
  padding-left: 40px;
  left: -7px;
  top: 17px;
  background-size: 7px 7px;
  background-repeat: repeat-y;
  background-position: 0 0, 0 0, 100% 0, 100% 0;
  background-image: linear-gradient(45deg, transparent 75%, #dc143c 75%), linear-gradient(135deg, transparent 75%, #dc143c 75%), linear-gradient(-45deg, transparent 75%, #dc143c 75%), linear-gradient(-135deg, transparent 75%, #dc143c 75%);
  line-height: 1.9;
  font-size: 42px;
  text-align: left;
}
#raffle-red div:after {
  content: 'DC143C';
  width: 75px;
  height: 185px;
  padding-top: 162px;
  top: -37px;
  left: 72px;
  background: linear-gradient(to bottom, transparent 155px, #fa8072 155px, #fa8072 158px, transparent 158px);
  border: 3px solid #fa8072;
}
#raffle-yellow {
  background: #faf0e6;
}
#raffle-yellow div {
  background-image: radial-gradient(circle at top left, transparent 17px, #ecdf6a 17px), radial-gradient(circle at top right, transparent 17px, #ecdf6a 17px), radial-gradient(circle at center left, transparent 17px, #ecdf6a 17px), radial-gradient(circle at center right, transparent 17px, #ecdf6a 17px), radial-gradient(circle at bottom left, transparent 17px, #ecdf6a 17px), radial-gradient(circle at bottom right, transparent 17px, #ecdf6a 17px);
  background-size: 50% 33.7%;
  background-position: top left, top right, center left, center right, bottom left, bottom right;
  box-shadow: 0 38px 14px -35px rgba(0,0,0,0.2);
}
#raffle-yellow div:before {
  content: 'keep this coupon';
  width: 140px;
  height: 76px;
  padding-top: 18px;
  left: 30px;
  top: 17px;
  line-height: 1;
  font-size: 22px;
  text-align: center;
}
#raffle-yellow div:after {
  content: 'F0E68C';
  width: 75px;
  height: 160px;
  padding-top: 136px;
  top: -25px;
  left: 73px;
  background: linear-gradient(to bottom, transparent 130px, #fa8072 130px, #fa8072 133px, transparent 133px);
  border: 3px solid #fa8072;
}
#triforce {
  background: #111;
}
#triforce div {
  margin-left: -60px;
  margin-top: -118px;
}
#triforce div:before,
#triforce div:after {
  top: 110px;
}
#triforce div:before {
  left: -60px;
}
#triforce div:after {
  left: 60px;
}
#triforce div,
#triforce div:before,
#triforce div:after {
  width: 120px;
  height: 110px;
  background-image: linear-gradient(150deg, transparent 18%, #563804 18%), linear-gradient(-150deg, transparent 18%, #563804 18%), linear-gradient(119deg, transparent 50%, #ffe39a 50%, #ffe39a 57%, transparent 57%), linear-gradient(-119deg, transparent 50%, #ca8600 50%, #ca8600 57%, transparent 57%), linear-gradient(-62deg, rgba(255,255,255,0) 55%, rgba(255,255,255,0.6) 62%, rgba(255,255,255,0) 68%), linear-gradient(119deg, transparent 50%, #f9a500 50%), linear-gradient(-119deg, transparent 50%, #f9a500 50%);
  background-repeat: no-repeat;
  background-size: 50% 7%, 50% 7%, 50% 100%, 50% 100%, 100% 65%, 50% 100%, 50% 100%;
  background-position: bottom left, bottom right, top left, top right, bottom left, top left, top right;
}
#panda-cub {
  background: #48d1cc;
}
#panda-cub div {
  width: 210px;
  height: 160px;
  margin-left: -110px;
  margin-top: -80px;
  background-color: white;
  background-image: radial-gradient(ellipse at 50% 60%, #333 12px, transparent 12px), radial-gradient(ellipse at 50% 80%, #555 6px, transparent 6px);
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  border-bottom-left-radius: 110px 60px;
  border-bottom-right-radius: 110px 60px;
  border: 5px solid #333;
  border-bottom-width: 10px;
  box-shadow: inset 10px -10px 0 #eee;
}
#panda-cub div:before {
  width: 70px;
  height: 40px;
  left: 29px;
  top: 55px;
  background-color: #333;
  background-image: radial-gradient(circle at 51px 20px, white 3px, transparent 3px), radial-gradient(circle at 46px 20px, #333 7px, transparent 7px), radial-gradient(circle at 45px 20px, white 10px, transparent 10px);
  border-radius: 50% 50% 45% 42%;
  transform: rotate(-45deg);
  box-shadow: 10px -72px 0 -4px #333;
}
#panda-cub div:after {
  width: 70px;
  height: 40px;
  left: 111px;
  top: 55px;
  background-color: #333;
  background-image: radial-gradient(circle at 24px 15px, white 3px, transparent 3px), radial-gradient(circle at 24px 20px, #333 7px, transparent 7px), radial-gradient(circle at 25px 20px, white 10px, transparent 10px);
  border-radius: 50% 50% 42% 45%;
  transform: rotate(45deg);
  box-shadow: -10px -72px 0 -4px #333;
}
#elephant {
  background: #9370db;
}
#elephant div {
  width: 180px;
  height: 150px;
  margin-left: -82px;
  margin-top: -75px;
  background-color: #b0c4de;
  background-image: linear-gradient(to right, #191970, #191970), linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.1));
  background-repeat: no-repeat;
  background-size: 80px 5px, 96px 13px;
  background-position: 60px 100%, 52px 100%;
  border-radius: 100px 100px 8px 8px;
  border: 8px solid #191970;
  box-shadow: inset -8px 8px 0 rgba(0,0,0,0.1);
}
#elephant div:before {
  width: 70px;
  height: 150px;
  margin-left: -40px;
  margin-top: -8px;
  background-color: #b0c4de;
  background-image: linear-gradient(to right, #b0c4de 8px, #191970 8px, #191970 16px, rgba(0,0,0,0.1) 16px), linear-gradient(45deg, transparent 35px, #191970 35px, #191970 43px, transparent 43px), linear-gradient(to top, transparent 30px, #191970 30px, #191970 38px, transparent 38px, transparent 46px, #191970 46px, #191970 54px, transparent 54px), radial-gradient(circle at 35px 45px, #191970 6px, transparent 6px);
  background-repeat: no-repeat;
  background-size: 24px 30px, 50px 30px, 10px 100%, 100% 100%;
  background-position: 33px 97px, 90% 120px, 0 0, 0 0;
  border: 8px solid #191970;
  border-radius: 50px 30px 50px 30px;
  border-right-color: transparent;
  box-shadow: inset 8px 8px 0 rgba(0,0,0,0.1);
}
#elephant div:after {
  width: 70px;
  height: 90px;
  margin-top: -8px;
  margin-left: 4px;
  background-image: linear-gradient(to top, #191970 8px, transparent 8px), linear-gradient(70deg, transparent 40px, #b0c4de 40px);
  background-repeat: no-repeat;
  background-size: 60% 100%, 100% 100%;
  background-position: 100% 0, 0 0;
  border-radius: 50px 50px 5px 0;
  border: 8px solid #191970;
  border-left-color: transparent;
  border-bottom: none;
  box-shadow: 8px 0 0 rgba(0,0,0,0.1);
  transform: rotate(20deg);
}
#beaver {
  background: #afeeee;
}
#beaver div {
  width: 80px;
  height: 150px;
  margin-left: 10px;
  margin-top: -50px;
  background-color: #8b4513;
  background-image: repeating-linear-gradient(75deg, transparent, transparent 10px, rgba(0,0,0,0.2) 10px, rgba(0,0,0,0.2) 12px), repeating-linear-gradient(-15deg, transparent, transparent 10px, rgba(0,0,0,0.2) 10px, rgba(0,0,0,0.2) 12px);
  border-radius: 40px;
  border-bottom-left-radius: 40px 100px;
  border-bottom-right-radius: 40px 100px;
  box-shadow: inset -15px -5px 0 rgba(0,0,0,0.2);
  transform: rotate(45deg);
}
#beaver div:before {
  width: 120px;
  height: 200px;
  margin-left: -95px;
  margin-top: 10px;
  background-image: radial-gradient(ellipse at center 100%, #d79d65 30px, transparent 30px), linear-gradient(70deg, transparent 20%, white 20%), linear-gradient(-70deg, transparent 20%, white 20%), radial-gradient(circle at center 20px, #cd853f 80px, transparent 80px), radial-gradient(ellipse at center 100%, #cd853f 50px, transparent 50px), radial-gradient(ellipse at 35px 180px, #bb7531 35px, transparent 35px), radial-gradient(ellipse at 85px 180px, #bb7531 35px, transparent 35px);
  background-repeat: no-repeat;
  background-size: 100% 100%, 10px 15px, 10px 15px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: 0 0, 48px 70px, 59px 70px, 0 0, 0 0, 0 0, 0 0;
  border-top-left-radius: 60px 80px;
  border-top-right-radius: 60px 80px;
  border-bottom-left-radius: 60px 20px;
  border-bottom-right-radius: 60px 20px;
  box-shadow: 0 5px 0 -1px rgba(0,0,0,0.15), 0 60px 5px -6px rgba(0,0,0,0.03);
  transform: rotate(-45deg);
}
#beaver div:after {
  width: 24px;
  height: 24px;
  margin-left: -130px;
  margin-top: 80px;
  background-color: #cd853f;
  border-radius: 50%;
  box-shadow: 65px -65px 0 #cd853f, 28px -15px 0 -9px #222, 47px -34px 0 -9px #222, 49px -13px 0 -5px #222, 45px 0 0 3px #d79d65, 62px -17px 0 3px #d79d65;
}
#tiger {
  background: #899d4e;
}
#tiger div {
  width: 200px;
  height: 150px;
  margin-left: -100px;
  margin-top: -75px;
  background-color: #ff8c00;
  background-image: linear-gradient(100deg, transparent 42%, #ff4500 42%), linear-gradient(-100deg, transparent 42%, #ff4500 42%), linear-gradient(15deg, transparent 45%, #ff8c00 45%), linear-gradient(-15deg, transparent 45%, #ff8c00 45%), radial-gradient(circle at 65px 65px, white 3px, transparent 3px), radial-gradient(circle at 62px 68px, black 5px, transparent 5px), radial-gradient(circle at 62px 68px, #ffd700 11px, transparent 11px), radial-gradient(ellipse at 60px 70px, black 26px, transparent 26px), radial-gradient(circle at 140px 65px, white 3px, transparent 3px), radial-gradient(circle at 137px 68px, black 5px, transparent 5px), radial-gradient(circle at 137px 68px, #ffd700 11px, transparent 11px), radial-gradient(ellipse at 139px 70px, black 26px, transparent 26px), radial-gradient(circle at center 65px, transparent 66%, #fdf5e6 66%), radial-gradient(ellipse at center 90px, #ff8c00 52%, transparent 52%), radial-gradient(ellipse at center 40px, transparent 63%, black 63%), radial-gradient(ellipse at center 5px, black 7px, transparent 7px), radial-gradient(ellipse at 75px 2px, black 6px, transparent 6px), radial-gradient(ellipse at 125px 2px, black 6px, transparent 6px);
  background-repeat: no-repeat;
  background-size: 15px 68px, 15px 68px, 60px 20px, 60px 20px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100%;
  background-position: 85px 30px, 100px 30px, 40px 50px, 102px 50px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  border-top-left-radius: 80px 100px;
  border-top-right-radius: 80px 100px;
  border-bottom-left-radius: 100px 40px;
  border-bottom-right-radius: 100px 40px;
}
#tiger div:before {
  width: 60px;
  height: 45px;
  left: 50%;
  bottom: 10px;
  margin-left: -55px;
  background-color: #f5deb3;
  border-radius: 50%;
  box-shadow: 50px 0 0 #f5deb3, 25px 15px 0 -16px black, 25px 20px 0 -3px #eec67b;
}
#tiger div:after {
  width: 30px;
  height: 12px;
  left: 50%;
  bottom: 42px;
  margin-left: -15px;
  background-color: black;
  border-radius: 2px 2px 10px 10px;
  box-shadow: -85px -75px 0 -2px rgba(0,0,0,0.3), -81px -80px 0 10px #ff8c00, 84px -75px 0 -2px rgba(0,0,0,0.3), 80px -80px 0 10px #ff8c00, -48px 8px 0 -5px white, -50px 18px 0 -5px white, 48px 8px 0 -5px white, 50px 18px 0 -5px white;
}
#nibbler {
  background: #b22222;
}
#nibbler div {
  width: 180px;
  height: 240px;
  margin-left: -90px;
  margin-top: -125px;
  background-image: linear-gradient(to top, #eee8aa 40px, transparent 40px), radial-gradient(black 70%, transparent 70%), radial-gradient(black 70%, transparent 70%);
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 164px, 48px 30px;
  background-position: 0 0, 0 74px, center 65px;
  border-bottom-left-radius: 90px 88px;
  border-bottom-right-radius: 100px 85px;
  box-shadow: 0 7px 0 -3px black;
}
#nibbler div:before {
  width: 170px;
  height: 42px;
  margin-left: -81px;
  left: 50%;
  bottom: 32px;
  background: #eee8aa;
  border-top-left-radius: 100px 40px;
  border-top-right-radius: 100px 40px;
  border-bottom-left-radius: 20px 10px;
  border-bottom-right-radius: 100px 10px;
  box-shadow: inset 0 3px 0 black, inset 3px 0 0 black, inset 22px 0 0 #eee8aa, inset -3px -3px 0 black;
}
#nibbler div:after {
  width: 230px;
  height: 280px;
  margin-left: -115px;
  left: 50%;
  margin-top: -15px;
  background-image: radial-gradient(circle at 57px 142px, black 7px, transparent 7px), radial-gradient(circle at 43px 156px, white 33px, black 33px, black 35px, transparent 35px), radial-gradient(circle at 201px 140px, black 7px, transparent 7px), radial-gradient(circle at 186px 154px, white 33px, black 33px, black 35px, transparent 35px), radial-gradient(black 70%, transparent 70%), radial-gradient(#808080 70%, transparent 70%), radial-gradient(black 70%, transparent 70%), radial-gradient(#808080 70%, transparent 70%), radial-gradient(circle at 53% 18px, black 6px, transparent 6px), radial-gradient(circle at center 24px, white 20px, black 20px, black 23px, transparent 23px), linear-gradient(87deg, transparent 35%, black 35%, black 65%, transparent 65%), radial-gradient(black 65%, transparent 65%), radial-gradient(#eee8aa 65%, transparent 65%), radial-gradient(#eee8aa 65%, transparent 65%), radial-gradient(black 65%, transparent 65%), radial-gradient(circle at 50px 215px, #eee8aa 10px, transparent 10px), linear-gradient(75deg, transparent 45%, white 45%), linear-gradient(-75deg, transparent 45%, white 45%), linear-gradient(75deg, transparent 45%, black 45%), linear-gradient(-75deg, transparent 45%, black 45%), linear-gradient(75deg, transparent 45%, white 45%), linear-gradient(-75deg, transparent 45%, white 45%), linear-gradient(75deg, transparent 45%, black 45%), linear-gradient(-75deg, transparent 45%, black 45%);
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 60px 30px, 28px 20px, 60px 30px, 28px 20px, 100% 100%, 100% 100%, 40px 50px, 36px 15px, 64px 25px, 44px 15px, 68px 27px, 100% 100%, 10px 32px, 10px 32px, 15px 35px, 15px 35px, 10px 34px, 10px 34px, 15px 37px, 15px 37px;
  background-position: 0 0, 0 0, 0 0, 0 0, 15px 110px, 44px 111px, 150px 105px, 153px 106px, 0 0, 0 0, 96px 40px, center 175px, center 169px, center 186px, center 169px, 0 0, 74px 223px, 84px 223px, 70px 223px, 84px 223px, 155px 221px, 165px 221px, 151px 220px, 165px 220px;
}
#clock {
  background: #dcdcdc;
}
#clock div {
  width: 150px;
  height: 150px;
  margin-left: -75px;
  margin-top: -75px;
  border-radius: 50%;
  background-color: white;
  background-image: radial-gradient(circle at center, #708090 8px, transparent 8px), radial-gradient(circle at center 53%, rgba(0,0,0,0.2) 8px, transparent 8px), radial-gradient(circle at center, white 47%, transparent 47%, transparent 57%, white 57%), linear-gradient(to right, transparent 50%, #d3d3d3 50%, #d3d3d3 51%, transparent 51%), linear-gradient(to bottom, transparent 50%, #d3d3d3 50%, #d3d3d3 51%, transparent 51%), linear-gradient(60deg, transparent 50%, #d3d3d3 50%, #d3d3d3 51%, transparent 51%), linear-gradient(30deg, transparent 50%, #d3d3d3 50%, #d3d3d3 51%, transparent 51%), linear-gradient(-60deg, transparent 50%, #d3d3d3 50%, #d3d3d3 51%, transparent 51%), linear-gradient(-30deg, transparent 50%, #d3d3d3 50%, #d3d3d3 51%, transparent 51%);
  border: 10px solid white;
  box-shadow: 0 0 0 2px #708090, inset 0 4px 2px 4px rgba(0,0,0,0.1), 0 3px 2px 3px rgba(0,0,0,0.2);
  box-sizing: border-box;
}
#clock div:before {
  width: 48px;
  height: 6px;
  left: 46%;
  top: 48%;
  background-color: #4e5a65;
  border-radius: 4px;
  box-shadow: -2px 6px 3px rgba(0,0,0,0.1);
}
#clock div:after {
  width: 30px;
  height: 7px;
  top: 42%;
  left: 30%;
  background-color: #4e5a65;
  border-radius: 4px;
  box-shadow: 6px 6px 3px rgba(0,0,0,0.1);
  transform: rotate(32deg);
}
#supplies {
  background: #cfcfcf;
}
#supplies div {
  width: 80px;
  height: 100px;
  margin-left: -100px;
  margin-top: -24px;
  background-color: white;
  background-image: radial-gradient(circle at 10px 15px, #708090 4px, transparent 4px), radial-gradient(circle at 10px 50px, #708090 4px, transparent 4px), radial-gradient(circle at 10px 85px, #708090 4px, transparent 4px), linear-gradient(to right, #afeeee 22px, white 22px, white 35px, transparent 35px, transparent 65px, white 65px), linear-gradient(to bottom, transparent 20px, #d3d3d3 20px, #d3d3d3 22px, transparent 22px, transparent 28px, #d3d3d3 28px, #d3d3d3 30px, transparent 30px, transparent 36px, #d3d3d3 36px, #d3d3d3 38px, transparent 38px);
  border-radius: 3px;
  border: 2px solid #708090;
  box-shadow: 0 4px 0 -2px #d3d3d3, 0 4px 0 #708090, 0 7px 2px rgba(0,0,0,0.2);
}
#supplies div:before {
  width: 117px;
  height: 18px;
  margin-top: -50px;
  margin-left: 20px;
  background-color: #f5deb3;
  background-image: repeating-linear-gradient(to right, transparent, transparent 5px, #708090 5px, #708090 7px, transparent 7px);
  background-size: 100% 50%;
  background-repeat: repeat-x;
  border-radius: 3px;
  border: 2px solid #708090;
  box-shadow: 0 3px 2px rgba(0,0,0,0.2);
}
#supplies div:after {
  width: 110px;
  height: 90px;
  margin-left: 100px;
  margin-top: -10px;
  background-color: white;
  background-image: radial-gradient(circle at 30px 8px, #708090 3px, transparent 3px), radial-gradient(circle at 81px 8px, #708090 3px, transparent 3px), linear-gradient(to bottom, #fa8072, #fa8072 18px, #d3d3d3 18px, #d3d3d3 20px, transparent 20px, transparent 36px, #d3d3d3 36px, #d3d3d3 38px, transparent 38px, transparent 54px, #d3d3d3 54px, #d3d3d3 56px, transparent 56px, transparent 72px, #d3d3d3 72px, #d3d3d3 74px, transparent 74px), repeating-linear-gradient(to right, transparent, transparent 14px, #d3d3d3 14px, #d3d3d3 16px, transparent 16px);
  border-radius: 3px;
  border: 2px solid #708090;
  box-shadow: 0 4px 0 -2px #d3d3d3, 0 4px 0 #708090, 0 8px 0 -2px #d3d3d3, 0 8px 0 #708090, 0 11px 2px rgba(0,0,0,0.2);
}
#pencil-cup {
  background: #c3c3c3;
}
#pencil-cup div {
  width: 68px;
  height: 100px;
  margin-left: -34px;
  margin-top: -70px;
  background-image: repeating-linear-gradient(to right, transparent, transparent 8px, #708090 8px, #708090 10px), linear-gradient(to bottom, #ffc0cb 10px, #c0c0c0 10px, #c0c0c0 16px, transparent 16px), linear-gradient(to right, #fffacd 20px, #eee8aa 20px, #eee8aa 30px, #fffacd 30px, #fffacd 50px, #eee8aa 50px);
  border-radius: 3px;
  border: 2px solid #708090;
}
#pencil-cup div:before {
  content: 'PENCILS';
  width: 78px;
  height: 70px;
  margin-left: -7px;
  margin-top: 50px;
  padding-top: 20px;
  z-index: 2;
  background-color: white;
  border-radius: 3px 3px 10px 10px;
  border: 2px solid #708090;
  box-shadow: 0 3px 2px rgba(0,0,0,0.2), inset 0 -7px 2px rgba(0,0,0,0.1), inset -20px 0 2px rgba(0,0,0,0.05);
  font-family: Helvetica, Arial;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #d3d3d3;
}
#pencil-cup div:after {
  width: 8px;
  height: 100px;
  margin-left: 34px;
  margin-top: -7px;
  background-image: linear-gradient(to bottom, #ffc0cb 10px, #c0c0c0 10px, #c0c0c0 16px, #eee8aa 16px);
  border-radius: 3px;
  border: 2px solid #708090;
  box-shadow: 3px 6px 2px rgba(0,0,0,0.2);
  transform: rotate(12deg);
}
#hamburger {
  background: #f2f2d0;
}
#hamburger div {
  width: 100px;
  height: 34px;
  margin-left: -53px;
  margin-top: -50px;
  border-radius: 50px 50px 10px 10px;
  background-color: #d2b48c;
  background-image: radial-gradient(#f5deb3 15%, transparent 16%), radial-gradient(#f5deb3 15%, transparent 16%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
  border: 3px solid #b28446;
}
#hamburger div:before {
  width: 100px;
  height: 15px;
  margin-left: -3px;
  top: 73px;
  border-radius: 8px;
  background-color: #d2b48c;
  border: 3px solid #b28446;
  box-shadow: 0 -18px 0 -2px #8b4513, 0 -36px 0 -2px #8b4513;
}
#hamburger div:after {
  width: 120px;
  height: 100px;
  margin-left: -10px;
  background-repeat: no-repeat;
  background-image: linear-gradient(#ffdf33, #ffdf33), linear-gradient(150deg, #ffdf33 30%, transparent 30%), linear-gradient(-150deg, #ffdf33 30%, transparent 30%), linear-gradient(#ffdf33, #ffdf33), linear-gradient(150deg, #ffdf33 30%, transparent 30%), linear-gradient(-150deg, #ffdf33 30%, transparent 30%);
  background-size: 96px 3px, 30px 16px, 30px 16px, 96px 3px, 30px 16px, 30px 16px;
  background-position: 12px 55px, 40px 55px, 10px 55px, 12px 37px, 80px 37px, 50px 37px;
}
#taco {
  background: #efefc8;
}
#taco div {
  width: 100px;
  height: 50px;
  margin-left: -55px;
  margin-top: -35px;
  background-color: #ffae1a;
  background-image: radial-gradient(#eb9800 15%, transparent 16%), radial-gradient(#eb9800 15%, transparent 16%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
  border: 3px solid #faa200;
  border-radius: 50px 50px 5px 5px;
}
#taco div:before {
  width: 10px;
  height: 10px;
  top: 40px;
  left: -6px;
  background-color: #8b4513;
  border-radius: 50%;
  box-shadow: 13px -22px 0 #98fb98, 16px -26px 0 #98fb98, 22px -28px 0 #98fb98, 28px -29px 0 #98fb98, 3px 5px 0 #8b4513, 6px 5px 0 #8b4513, 6px 0 0 #8b4513, 3px -5px 0 #8b4513, 5px -5px 0 #8b4513, 6px -9px 0 #8b4513, 9px -10px 0 #8b4513, 8px -15px 0 #8b4513, 12px -17px 0 #8b4513;
}
#taco div:after {
  width: 100px;
  height: 50px;
  margin-left: 5px;
  margin-top: 5px;
  background-color: #ffc966;
  background-image: radial-gradient(#ffa500 15%, transparent 16%), radial-gradient(#ffa500 15%, transparent 16%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
  border: 3px solid #ffa500;
  border-radius: 50px 50px 5px 5px;
}
#cheesecake {
  background: #9370db;
}
#cheesecake div {
  width: 240px;
  height: 90px;
  margin-left: -120px;
  margin-top: -30px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 5px 0 #ddd, 0 8px 2px rgba(0,0,0,0.1);
}
#cheesecake div:before {
  width: 200px;
  height: 80px;
  left: 50%;
  margin-left: -100px;
  margin-top: 0;
  background-color: #fec;
  background-image: linear-gradient(to right, #bc9055, #d2b48c 60%, rgba(255,255,255,0) 60%), linear-gradient(to right, rgba(255,255,255,0) 40%, #d2b48c 40%, #bc9055), linear-gradient(-45deg, white 23%, rgba(255,255,255,0) 23%), linear-gradient(45deg, white 23%, rgba(255,255,255,0) 23%), linear-gradient(to right, rgba(255,255,255,0) 30%, #ebd4b7 50%, rgba(255,255,255,0) 70%);
  background-size: 50% 100%;
  background-position: 0 0, 100% 0, 0 0, 100% 0, 50% 0;
  background-repeat: no-repeat;
  border-bottom-right-radius: 100px 40px;
  border-bottom-left-radius: 100px 40px;
}
#cheesecake div:after {
  width: 200px;
  height: 75px;
  left: 50%;
  margin-left: -100px;
  top: -35px;
  background-image: radial-gradient(#d31339 50%, transparent 50%), radial-gradient(#dc143c 50%, transparent 50%), radial-gradient(#ad102f 50%, transparent 52%), linear-gradient(-40deg, rgba(255,255,255,0) 22%, #fff7e6 22%), linear-gradient(40deg, rgba(255,255,255,0) 22%, #fff7e6 22%);
  background-size: 20px 20px, 19px 19px, 18px 18px, 50% 100%, 50% 100%;
  background-position: 83px 12px, 98px 15px, 93px 7px, 0 0, 100% 0;
  background-repeat: no-repeat;
  border-radius: 50%;
}
#pie {
  background: #008b8b;
}
#pie div {
  width: 240px;
  height: 90px;
  margin-left: -120px;
  margin-top: -30px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 5px 0 #ddd, 0 8px 2px rgba(0,0,0,0.1);
}
#pie div:before {
  width: 180px;
  height: 45px;
  left: 50%;
  margin-left: -90px;
  margin-top: 25px;
  background-color: #fec;
  background-image: linear-gradient(68deg, white 10%, transparent 10%), linear-gradient(-68deg, white 10%, transparent 10%), linear-gradient(to right, #808080, #c0c0c0 30%, rgba(255,255,255,0.1) 40%, #c0c0c0 70%, #808080 100%);
  border-bottom-right-radius: 80px 35px;
  border-bottom-left-radius: 80px 35px;
}
#pie div:after {
  width: 180px;
  height: 60px;
  left: 50%;
  margin-left: -90px;
  top: -18px;
  background-image: radial-gradient(white 50%, transparent 50%), radial-gradient(white 50%, transparent 50%), radial-gradient(white 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(#cd853f 50%, transparent 50%), radial-gradient(ellipse at center, #ffa500 40%, #ff8c00 60%);
  background-repeat: no-repeat;
  background-size: 40px 15px, 28px 10px, 10px 20px, 25px 18px, 25px 18px, 30px 20px, 30px 20px, 30px 20px, 30px 20px, 30px 20px, 30px 20px, 30px 20px, 25px 18px, 25px 18px, 100% 100%;
  background-position: 70px 20px, 75px 16px, 86px 10px, -15px 30px, 0 40px, 15px 45px, 35px 50px, 55px 52px, 75px 52px, 95px 52px, 115px 50px, 135px 45px, 155px 40px, 170px 30px, 0 0;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #cd853f, 0 3px 0 9px #c0c0c0;
}
#frankenstein {
  background: #444;
}
#frankenstein div {
  width: 130px;
  height: 160px;
  margin-left: -65px;
  margin-top: -80px;
  background-image: linear-gradient(to top, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(to right, #2e8b57, #2e8b57), linear-gradient(to bottom, #a7a7a7 50%, #c0c0c0 50%), radial-gradient(circle, #21653f 25%, #2e8b57 25%, #2e8b57 50%, transparent 50%), radial-gradient(circle, #21653f 25%, #2e8b57 25%, #2e8b57 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 50px 15px, 50px 100%, 70px 10px, 30px 30px, 30px 30px;
  background-position: center 92%, center 0, center 95%, -2px 60%, 103% 60%;
}
#frankenstein div:before {
  width: 100px;
  height: 135px;
  left: 15px;
  background-color: #2e8b57;
  background-image: linear-gradient(to bottom, #222, #222), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(ellipse, #222 50%, transparent 50%), radial-gradient(circle, #222 15%, #ff6347 15%, #ff6347 30%, white 30%, white 50%, transparent 50%), radial-gradient(circle, #222 15%, #ff6347 15%, #ff6347 30%, white 30%, white 50%, transparent 50%), linear-gradient(#2e8b57, #2e8b57), radial-gradient(circle, #2e8b57 40%, #21653f 40%, #21653f 53%, transparent 42%), linear-gradient(#333, #333);
  background-repeat: no-repeat;
  background-size: 100% 15px, 15px 40px, 15px 40px, 15px 40px, 15px 40px, 15px 40px, 24px 24px, 24px 24px, 25px 13px, 25px 25px, 40px 2px;
  background-position: 0 0, -5px -10px, 6px -14px, 17px -12px, 93% -14px, 106% -10px, 18px 70px, 56px 70px, center 70%, center 75%, center 85%;
  border-radius: 6px 6px 15px 15px;
}
#frankenstein div:after {
  width: 35px;
  height: 12px;
  left: 28px;
  top: 68px;
  background-color: #222;
  border-radius: 4px;
  box-shadow: 38px 0 0 #222, -2px -8px 0 4px #297c4d, 30px -8px 0 4px #297c4d, 41px -8px 0 4px #297c4d;
}
#zombie {
  background: #555;
}
#zombie div {
  width: 130px;
  height: 160px;
  margin-left: -65px;
  margin-top: -80px;
  background-image: linear-gradient(to top, rgba(0,0,0,0.15), rgba(0,0,0,0.15)), linear-gradient(to right, #98fb98, #98fb98), radial-gradient(circle, #57c889 25%, #98fb98 25%, #98fb98 50%, transparent 50%), radial-gradient(circle, #57c889 25%, #98fb98 25%, #98fb98 50%, transparent 50%), radial-gradient(circle, #ffc0cb 50%, transparent 50%), radial-gradient(circle, #ffc0cb 50%, transparent 50%), radial-gradient(circle, #ffc0cb 50%, transparent 50%), radial-gradient(circle, #ffc0cb 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 50px 15px, 50px 80%, 30px 30px, 30px 30px, 40px 40px, 40px 40px, 40px 40px, 40px 40px;
  background-position: center 92%, center 100%, -2px 60%, 103% 60%, 30px -5px, 50px -5px, 65px 0, 78px 14px;
}
#zombie div:before {
  width: 100px;
  height: 135px;
  left: 15px;
  background-image: radial-gradient(circle, #222 15%, #ffd700 15%, #ffd700 30%, white 30%, white 50%, transparent 50%), radial-gradient(circle, #222 15%, #ffd700 15%, #ffd700 30%, white 30%, white 50%, transparent 50%), radial-gradient(ellipse, rgba(0,0,0,0.2) 50%, transparent 50%), radial-gradient(ellipse, rgba(0,0,0,0.2) 50%, transparent 50%), linear-gradient(#98fb98, #98fb98), radial-gradient(circle, #98fb98 40%, #57c889 40%, #57c889 53%, transparent 42%), linear-gradient(25deg, #98fb98 80%, transparent 80%);
  background-repeat: no-repeat;
  background-size: 24px 24px, 24px 24px, 50px 40px, 50px 40px, 25px 13px, 25px 25px, 100% 100%;
  background-position: 18px 67px, 56px 67px, 4px 57px, 44px 57px, center 70%, center 75%, 0 0;
  border-radius: 20px 20px 30px 30px;
}
#zombie div:after {
  width: 42px;
  height: 23px;
  margin-left: -21px;
  left: 50%;
  top: 70%;
  background-color: rgba(0,0,0,0.3);
  background-image: repeating-linear-gradient(to right, white, white 4px, transparent 4px, transparent 7px), repeating-linear-gradient(to right, white, white 4px, transparent 4px, transparent 7px), linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  background-repeat: repeat-x, repeat-x, no-repeat;
  background-size: 100% 6px, 100% 6px, 31px 15px;
  background-position: 1px 2px, 1px 18px, 5px 5px;
  border-radius: 6px;
  box-shadow: -8px 5px 0 #98fb98, 8px 5px 0 #98fb98;
}
#vampire {
  background: #444;
}
#vampire div {
  width: 130px;
  height: 160px;
  margin-left: -65px;
  margin-top: -80px;
  background-image: linear-gradient(to top, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(to right, #faf0e6, #faf0e6), radial-gradient(ellipse at center -10px, #faf0e6 50%, transparent 50%), radial-gradient(ellipse at center -10px, #faf0e6 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 50px 15px, 50px 80%, 30px 40px, 30px 40px;
  background-position: center 92%, center 100%, -2px 68%, 103% 68%;
}
#vampire div:before {
  width: 100px;
  height: 135px;
  left: 15px;
  background-color: #333;
  background-image: radial-gradient(circle, #222 15%, #ff6347 15%, #ff6347 30%, white 30%, white 50%, transparent 50%), radial-gradient(circle, #222 15%, #ff6347 15%, #ff6347 30%, white 30%, white 50%, transparent 50%), radial-gradient(ellipse, rgba(0,0,0,0.1) 50%, transparent 50%), radial-gradient(ellipse, rgba(0,0,0,0.1) 50%, transparent 50%), linear-gradient(#faf0e6, #faf0e6), radial-gradient(circle, #faf0e6 40%, #edcaa6 40%, #edcaa6 53%, transparent 42%), linear-gradient(#faf0e6, #faf0e6), linear-gradient(45deg, transparent 20%, white 20%), linear-gradient(-45deg, transparent 20%, white 20%), radial-gradient(ellipse, #333 50%, transparent 50%), radial-gradient(circle, #faf0e6 50%, transparent 50%), radial-gradient(circle, #faf0e6 50%, transparent 50%), linear-gradient(to bottom, #222 34%, #faf0e6 34%);
  background-repeat: no-repeat;
  background-size: 24px 24px, 24px 24px, 50px 40px, 50px 40px, 25px 13px, 25px 25px, 60px 15px, 8px 20px, 8px 20px, 65px 30px, 65px 80px, 65px 80px, 100% 100%;
  background-position: 18px 70px, 56px 70px, 4px 62px, 44px 62px, center 70%, center 75%, center 81%, 35px 85%, 57px 85%, center 95%, -6px 5px, 42px 5px, 0 0;
  border-radius: 35px 35px 20px 20px;
}
#vampire div:after {
  width: 36px;
  height: 10px;
  left: 25px;
  top: 68px;
  background-color: #222;
  border-radius: 4px;
  box-shadow: 42px 0 0 #222;
}
#mike-wazowski {
  background: #808000;
}
#mike-wazowski div {
  width: 150px;
  height: 90px;
  margin-left: -75px;
  margin-top: -155px;
  background: transparent;
  border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
  box-shadow: 0 30px 3px 1px #ffe4c4, 0 18px 0 4px #555;
}
@media (max-width: 400px) {
  #mike-wazowski div {
    margin-top: -125px;
  }
}
#mike-wazowski div:before {
  width: 200px;
  height: 220px;
  margin-left: -100px;
  top: 45px;
  left: 50%;
  background-color: #9acd32;
  background-image: radial-gradient(circle, white 50%, transparent 50%), radial-gradient(circle, #444 50%, transparent 50%), radial-gradient(circle, #20b2aa 30%, rgba(34,139,34,0) 80%), radial-gradient(circle, #444 50%, transparent 50%), radial-gradient(ellipse, white 35%, #ddd 60%, transparent 60%), radial-gradient(ellipse, #333 45%, #9acd32 55%, #9acd32 60%, transparent 60%), radial-gradient(ellipse, rgba(34,139,34,0.9) 45%, #9acd32 55%, #9acd32 60%, transparent 60%), radial-gradient(ellipse, #9acd32 55%, rgba(34,139,34,0.5) 56%, rgba(34,139,34,0) 63%), radial-gradient(circle, rgba(34,139,34,0) 30%, rgba(34,139,34,0.6) 60%);
  background-repeat: no-repeat;
  background-size: 8px 8px, 20px 20px, 25px 25px, 50px 50px, 110px 95px, 120px 110px, 130px 110px, 115px 95px, 250px 260px;
  background-position: 53% 57px, center 59px, 49% 59px, center 45px, center 25px, center 13px, center -2px, center 35px, 0 -40px;
  border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
}
#mike-wazowski div:after {
  width: 70px;
  height: 40px;
  margin-left: -35px;
  left: 50%;
  top: 185px;
  background: #444;
  background-image: radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, rgba(255,255,255,0.2) 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 25px 18px, 25px 18px, 25px 18px, 25px 18px, 56px 30px;
  background-position: -5px 30px, 15px 32px, 35px 32px, 55px 28px, center 20px;
  border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
  box-shadow: 0 6px 0 #9acd32, 0 15px 3px -4px rgba(34,139,34,0.9);
}
#sully {
  background: #afeeee;
}
#sully div {
  width: 160px;
  height: 62px;
  margin-left: -80px;
  margin-top: -150px;
  background: transparent;
  border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
  box-shadow: 0 7px 7px 3px #ffe4c4, 0 15px 0 10px rgba(0,0,0,0.25), 0 15px 0 10px #ffe4c4;
}
#sully div:before {
  width: 180px;
  height: 230px;
  margin-left: -90px;
  top: 30px;
  left: 50%;
  background-color: #00ced1;
  background-image: radial-gradient(ellipse, rgba(0,0,0,0.4) 50%, transparent 50%), radial-gradient(ellipse, rgba(0,0,0,0.4) 50%, transparent 50%), radial-gradient(ellipse, #00696b 50%, transparent 50%), radial-gradient(circle, white 50%, transparent 50%), radial-gradient(circle, #444 50%, transparent 50%), radial-gradient(circle, #9370db 30%, rgba(147,112,219,0) 70%), radial-gradient(circle, #444 50%, transparent 50%), radial-gradient(ellipse, white 30%, #ddd 60%, transparent 60%), radial-gradient(ellipse, #333 45%, #48d1cc 55%, #48d1cc 60%, transparent 60%), radial-gradient(circle, white 50%, transparent 50%), radial-gradient(circle, #444 50%, transparent 50%), radial-gradient(circle, #9370db 30%, rgba(147,112,219,0) 70%), radial-gradient(circle, #444 50%, transparent 50%), radial-gradient(ellipse, white 30%, #ddd 60%, transparent 60%), radial-gradient(ellipse, #333 45%, #48d1cc 55%, #48d1cc 60%, transparent 60%), radial-gradient(ellipse, #00abad 40%, rgba(0,206,209,0) 50%), radial-gradient(ellipse, #009c9e 40%, rgba(0,206,209,0) 50%), radial-gradient(ellipse, #9370db 30%, rgba(147,112,219,0) 60%), radial-gradient(ellipse, #9370db 30%, rgba(147,112,219,0) 60%), radial-gradient(circle, rgba(0,206,209,0) 35%, #009c9e 65%);
  background-repeat: no-repeat;
  background-size: 20px 10px, 20px 10px, 75px 40px, 5px 5px, 13px 13px, 19px 19px, 34px 34px, 50px 45px, 54px 58px, 5px 5px, 13px 13px, 19px 19px, 34px 34px, 50px 45px, 54px 58px, 100px 40px, 170px 90px, 45px 40px, 45px 40px, 220px 350px;
  background-position: 70px 118px, 90px 118px, center 95px, 68px 70px, 60px 71px, 58px 68px, 50px 60px, 40px 55px, 38px 47px, 114px 70px, 106px 71px, 102px 68px, 95px 60px, 90px 55px, 88px 47px, center 90px, center 30px, 50px -17px, 95px 10px, 0 -80px;
  border-radius: 50% 50% 50% 50%/60% 60% 30% 30%;
  box-shadow: 0 0 20px #009c9e, 0 10px 10px #008384, inset 0 -15px 0 13px rgba(0,0,0,0.03);
}
@media (max-width: 400px) {
  #sully div {
    margin-top: -122px;
  }
}
#sully div:after {
  width: 70px;
  height: 15px;
  margin-left: -35px;
  left: 50%;
  top: 180px;
  background: #444;
  background-image: radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%), radial-gradient(ellipse, white 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 16px 25px;
  background-position: -5px 7px, 7px 4px, 19px 7px, 31px 7px, 43px 4px, 55px 7px;
  border-radius: 60% 60% 40% 40%/50% 50% 50% 50%;
  box-shadow: 0 6px 0 #48d1cc, 0 15px 3px -4px #009c9e, 0 -106px 6px -2px rgba(255,255,255,0.2), -20px -114px 6px 7px #00abad, 20px -114px 6px 7px #00abad, -20px -105px 5px 5px rgba(0,0,0,0.15), 20px -105px 5px 5px rgba(0,0,0,0.15);
}
#birthday {
  background: #ffe4e1;
}
#birthday div {
  width: 170px;
  height: 140px;
  margin-left: -85px;
  margin-top: -60px;
  background-image: linear-gradient(to bottom, #db7093 0, #db7093 35%, #d2b48c 35%, #d2b48c 75%, #db7093 75%, #db7093 78%, #d2b48c 78%);
  border-radius: 15px 15px 0 0;
}
#birthday div:before {
  width: 10px;
  height: 50px;
  top: 35px;
  left: 0;
  background: #db7093;
  border-radius: 10px;
  box-shadow: 10px 5px 0 #d2b48c, 20px -20px 0 #db7093, 30px -2px 0 #d2b48c, 40px 0 0 #db7093, 50px 5px 0 #d2b48c, 60px -10px 0 #db7093, 70px 5px 0 #d2b48c, 80px -20px 0 #db7093, 90px -5px 0 #d2b48c, 100px 5px 0 #db7093, 110px 5px 0 #d2b48c, 120px -25px 0 #db7093, 130px 8px 0 #d2b48c, 140px -10px 0 #db7093, 150px 0 0 #d2b48c, 160px -5px 0 #db7093;
}
#birthday div:after {
  width: 190px;
  height: 250px;
  margin-left: -10px;
  top: -60px;
  background-image: repeating-linear-gradient(45deg, #afeeee, #afeeee 3px, #5f9ea0 3px, #5f9ea0 6px), repeating-linear-gradient(45deg, #afeeee, #afeeee 3px, #5f9ea0 3px, #5f9ea0 6px), repeating-linear-gradient(45deg, #afeeee, #afeeee 3px, #5f9ea0 3px, #5f9ea0 6px), radial-gradient(ellipse, #fffacd 70%, transparent 70%), radial-gradient(ellipse, #fffacd 70%, transparent 70%), radial-gradient(ellipse, #fffacd 70%, transparent 70%), radial-gradient(ellipse, #ffa500 70%, transparent 70%), radial-gradient(ellipse, #ffa500 70%, transparent 70%), radial-gradient(ellipse, #ffa500 70%, transparent 70%), linear-gradient(#555, #555), linear-gradient(#555, #555), linear-gradient(#555, #555), linear-gradient(to top, transparent 46px, white 46px, white 52px, transparent 52px), radial-gradient(circle at 100% 20%, transparent 70%, white 70%), radial-gradient(circle at 0 20%, transparent 70%, white 70%);
  background-repeat: no-repeat;
  background-size: 6px 35px, 6px 35px, 6px 35px, 4px 8px, 4px 8px, 4px 8px, 10px 20px, 10px 20px, 10px 20px, 2px 6px, 2px 6px, 2px 6px, 100% 100%, 100px 50px, 100px 50px;
  background-position: 64px 25px, center 25px, 120px 25px, 65px 10px, center 10px, 121px 10px, 62px 0, center 0, 118px 0, 66px 20px, center 20px, 122px 20px, 0 0, right bottom, left bottom;
}