/* mellow picture styling */
.picture {
    padding: 12%;
    width: 70%;
    height: auto;
}
.picture:hover {
    transform: scale(1.1);
    outline-style: dotted;
    outline-offset: -1em;
    outline-color: black;
}
.hiddenpage {
    text-align: center;
    padding: .5em;
}
/* || carousel newsflash https://codepen.io/jamesbarnett/pen/kQebQO */
/*carousel styling */
.marquee {
    height: 1em;
    width: 100%;
    /* outline: solid; */
    /* border-radius: 1em; */
    overflow: hidden;
    position: relative;
    font-family: 'Barecast';
    /* needed to center text vertically */
    display: flex;
    align-items: center;
}

.marquee:hover .marqueecontainer {
    animation-play-state: paused;
}

.marquee div {
    display: block;
    width: 200%;
    height: 2.2em;
    
    position: absolute;
    overflow: hidden;

    animation: marquee 10s linear infinite;
    /* needed to center text vertically */
    display: flex;
    align-items: center;
}

.marquee span {
    float: left;
    width: 50%;
    font-weight: bold;
    font-size: 90%;
}

@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}