$shine-opacity: .32;
$animation-speed: 2.14s;
$featured-shine-width: 210px; /*for featured characters on profile - this is the current defalt size*/
$featured-thumbnail-width: 200px; /*for featured characters on profile - this is the current defalt size, this resizes thumbnails that would be too small otherwise*/
$thumb-border-radius: .25rem; /*currently default radius size*/
$top-corner-start: right;

@import '0/26790/7zW3A0/all-shine-hover';

$bounce-height:6px;
$float-timing:0.6s;

@import '0/26326/wPNNWx/all-thumb-hover';

a.badge:hover,
.dropdown-item .badge:hover,
.btn:hover,
.navbar-toggler:hover {
  animation-name: hopper;
  animation-duration: 1s;
}

.characters-tag-content.btn,
a.characters-tag-control.btn {
  animation: none
}

@keyframes hopper {
  0% {transform: scale(1,1) translateY(0);}
  10% {transform:scale(1.07,.9) translateY(0)}
  30% {transform: scale(.9,1.1) translateY(-.19em);}
  50% {transform: scale(1.05,.95) translateY(0);}
  57% {transform: scale(1,1) translateY(-.05em);}
  74% {transform: scale(1,1) translateY(.0);}
  100% {transform: scale(1,1) translateY(0);}
}


/* -------------------------------------------------------------------------- PAGE SETUP */
/* -------------------------------------------------------------------------- PAGE SETUP */
/* primary color - links & primary buttons */
$primary: #5155ad;


/* body colors -- chose "dark" or "light" */
$mode: light;


/* content area corners ---- choose "round" or "sharp" */
$radius: round;


/* -------------------------------------------------------------------------- BANNER DETAILS */
/* top banner image url -- you must provide an image */
$banner_url: "IMG_URL";


/* type of banner iage -- "pattern" for a seamless patter -- "cover" for a full cover image
---- if using a cover image, focus will be in the CENTER of the image ------------------*/
$banner_type: cover;


/* top banner background color -- you won't see this unless you use a transparent image or leave the image url blank */
$banner_color: #fff;


/* height of the banner -- it will always be 1200px wide at max width */
$banner_height: 350px;


/* CSS IMPORT LINK -- DO NOT COMBINE WITH OTHER IMPORT LINKS --
when writing custom CSS, do so BELOW the import --------------- */
@import '0/14818/LrqzHD/card-world';