@charset "utf-8";

#cboxOverlay {
  background: #000;
}
#cboxLoadedContent {
  	/*background: #fff;*/
	background: transparent;
}
#cboxLoadedContent {
  padding: 0;
  overflow: auto;
  -moz-box-shadow: 0px 1px 10px #000000;
  -webkit-box-shadow: 0px 1px 10px #000000;
  box-shadow: 0px 1px 10px #000000;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {
  top: -30px;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible ;
}
#cboxTitle {
  color: #fff;
}

#cboxContent {
border-radius: 52px;
}

.buppy img:hover {
  animation: tiltShake 0.5s ease;
}

@keyframes tiltShake {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(-2deg); }
  40%  { transform: rotate(2deg); }
  60%  { transform: rotate(-1.5deg); }
  80%  { transform: rotate(1.5deg); }
  100% { transform: rotate(0deg); }
}

@media (max-width: 840px) {
	#cboxContent {
		border-radius: clamp(16px, 7vw, 52px);
	}
}