.arrow-bar {
    padding: 0.25rem;
    margin: 0rem;
    margin-left: 0.5rem;
    margin-right: -2rem;
    text-align: center;
    vertical-align: middle;
    height: 2.2rem;
}

.arrow-bar img {
    border-radius: 1.5rem;
    background: rgba(235, 183, 0, 0.5);
    width: 200%;
    margin: 0rem;
}

.arrow {
    padding: 0rem;
    margin: 0rem;
    text-align: left;;
    vertical-align: middle;
    height: 3rem;
}

.caption {
    color: rgb(0, 51, 141);
    background: rgba(255, 255, 255, 0.5);
}

.main-panel {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.mediacontrol {
    font-size large;
    color: blue;
}