body {text-align: center; margin-top: 15px;margin-bottom: 15px;}
#copyhex {cursor:pointer;width: 18px;height: 18px;margin: 5px;}
#copyhex2 {transition: 0.1s;}
table.table.rgb-codes td:nth-child(1) {width: 15%;}
table.table.rgb-codes td:nth-child(2) {width: 76%;}
.row > div:nth-child(even) {border: 1px dotted #000}
.rgb-codes {margin: 5px 0 0 0; text-align: left}
table.table.rgb-codes td {text-transform: uppercase;vertical-align: middle; padding: 0;padding-bottom: 5px !important;}
.rgb-codes .test-color {width: 40px; height: 40px; vertical-align: middle; display: inline-block; background-color: black; margin-right: 5px}
.target-img {margin: auto; cursor: crosshair}
.colorInput input {width: 200px;font-size: 13px;cursor: pointer; padding: 6px; border: 1px solid #ddd; background: #fff; color: #666; text-align: center; border-radius: 15px}
.open {border-bottom:1px dotted #337ab7;}
#copyhex2:hover {
    transform: scale(1.1);
    transition: 0.1s;
}
.hex-copied {
    display: none;
}
@media (min-width:990px){
.open {
    color:#337ab7;
}
}
@media (max-width:991px){
.container {padding-bottom: 105px;}
.colorInput input {margin-top: 15px;}
.fixed {border-top: 1px solid #ddd;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);z-index:9998;background-color:#fff;position:fixed;bottom:0;left: 0;width: 100%;padding-left: 5px;}
.fixed tr:nth-child(1), .windows {display: none;}
.fixed tr:nth-child(2), .fixed h4 {background: #fff !important;}
.fixed h4 {margin-bottom: 5px !important;}
.row > div:nth-child(even) {border: none}
.target-img {
    max-width: 100%;
    }
.img-block {
width: 100%;
float: right;
}
}
.home {
    vertical-align:middle;
}
.donation {
    margin-left: 0;
    margin-right: 2px;
    vertical-align:middle;
    animation-name: tada;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}
@-webkit-keyframes tada {
  90% {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  91%, 92% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  -moz-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  -o-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  93%, 95%, 97%, 99% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  94%, 96%, 98% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
@keyframes tada {
  90% {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  91%, 92% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  -moz-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  -o-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  93%, 95%, 97%, 99% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  94%, 96%, 98% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 
h1 {margin-top:3px !important;font-size: 30px;}
.colorInput input:focus {outline: none;}