.marquee {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 30s linear infinite;
}

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}

::-webkit-scrollbar {
    display: none;
}

.info-box {
    width: 480px;
    height: 200px;
    margin: 20px auto;
    border: 1px solid #d4af37;
    padding: 20px 40px;
    color: #d4af37;
}

@media only screen and (max-width: 500px) {
    .info-box {
        width: 100%;
        height: 200px;
        padding: 20px;
    }
}