/*
 * Globals
 */
body {
    text-align: center;
}

/* Custom default button */
.btn-light,
.btn-light:hover,
.btn-light:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.cover-container {
    max-width: 42em;
}


/* CUSTOM */
.cover-finish {
    display: none;
}

.cover-pokemon {
    height: 55px;
    width: 150px;
    background-image: url('/imgs/pokemon_gs.png');
    background-size: 150px 55px;
}

.cover-pokemon:hover, .cover-pokemon:focus, .cover-pokemon:active {
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease 5s;
    -moz-animation: fadeIn ease 5s;
    -o-animation: fadeIn ease 5s;
    -ms-animation: fadeIn ease 5s;
    background-image: url('/imgs/pokemon_rgb.png');
}

.cover-marvel {
    height: 63.5px;
    width: 150px;
    background-image: url('/imgs/marvel_gs.png');
    background-size: 150px 63.5px;
}

.cover-marvel:hover, .cover-marvel:focus, .cover-marvel:active {
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease 5s;
    -moz-animation: fadeIn ease 5s;
    -o-animation: fadeIn ease 5s;
    -ms-animation: fadeIn ease 5s;
    background-image: url('/imgs/marvel_rgb.png');
}

.cover-tmnt {
    height: 57px;
    width: 150px;
    background-image: url('/imgs/tmnt_gs.png');
    background-size: 150px 57px;
}

.cover-tmnt:hover, .cover-tmnt:focus, .cover-tmnt:active {
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease 5s;
    -moz-animation: fadeIn ease 5s;
    -o-animation: fadeIn ease 5s;
    -ms-animation: fadeIn ease 5s;
    background-image: url('/imgs/tmnt_rgb.png');
}

.cover-dc {
    height: 57px;
    width: 150px;
    background-image: url('/imgs/dc_gs.png');
    background-size: 150px 57px;
}

.cover-dc:hover, .cover-dc:focus, .cover-dc:active {
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease 5s;
    -moz-animation: fadeIn ease 5s;
    -o-animation: fadeIn ease 5s;
    -ms-animation: fadeIn ease 5s;
    background-image: url('/imgs/dc_rgb.png');
}

/* FADE IN */
@keyframes fadeIn {
  0% {opacity:0.15;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

/* WHATNOT BANNER */
.cover-whatnot {
    background-color: #fff200;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.whatnot-crown {
    max-width: 2em;
}
.whatnot-logo {
    max-width: 8em;
}

/* WHATNOT LIVE BLINK */
.blink {
  animation: 1.85s linear infinite condemned_blink_effect;
}

@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}