@keyframes ticker {
    100% {
        transform: translateX(-100%);
    }
}

.main-crypto-logos{
    background-color: rgb(245, 245, 245);
}
.outerWrapper {
    display: flex;
    overflow: hidden;
    height: 30px;
}

.outerWrapper:hover .innerWrapper {
    animation-play-state: paused;
}

.innerWrapper {
    display: flex;
    animation: ticker 122s infinite linear;
    margin-left: -50px;
}
.innerWrapper:nth-child(1){
    margin-left: 0;
}

.coin {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.6s ease-in-out;
    white-space: nowrap;
}

.coin .crypto-container{
    padding-right: 30px;
}
.crypto-image{
    width: 25px !important;
    height: 25px !important;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    margin-left: 5px;
    margin-right: 5px;
}
.crypto-symbol, .crypto-name, .crypto-price, .percetnage-change-24h{
    margin-right: 5px;
}
.coin:hover {
    opacity: 1;
}

.coin:hover .crypto-image{
    -webkit-filter: none;
    filter: none;
}
.ripple.crypto-container .crypto-name{
    text-transform: capitalize;
}
.innerWrapper .coin:last-of-type{
    margin-right: 0;
}
.innerWrapper:nth-child(0){
    margin-left: 0;
}

.positive{
    color: #009e73;
}
.negative{
    color: #d94040;
}