/*
.updates
{
    border: 1px solid red;
    background-color: rgba(255, 0, 0, 0.352);

    overflow-x: hidden;
    overflow-y: hidden;
}

.content
{
    padding: 10px;
    margin: 0px;
    overflow-y: auto;
    overflow-x: hidden;
}
*/

.recent
{
    position: absolute;

    /* positioning */
    top: 29.6%;
    left: 61.33%;
    width: 17.53%;
    height: 52.3%;

    font-family: myFont, sans-serif;
}

.recentOG
{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;

    opacity: 100%;
}


.date
{
    position: relative;
    top: 22%;
    left: 29%;
}

.content
{
    /* border: 1px solid red; */
    position: relative;
    top: 28%;
    left: 20%;
    height: 50%;
    width: 60%;
    font-size: 107%;

    overflow: auto;
}


/*
    BACK AND FORWARD
*/

.leftArrow
{
    position: absolute;
    /*border: 1px solid blue;*/

    bottom: -0.2%;
    left: 0%;
    height: 100.4%;
    width: 36.5%;
    z-index: 100;
}

.rightArrow
{
    position: absolute;
    /*border: 1px solid rgb(26, 255, 0);*/

    bottom: 6%;
    right: 4.4%;
    height: 30%;
    width: 36%;
    z-index: 100;
}

.tempArrow
{
    position: absolute;

    width: 100%;
    height: 100%;
    opacity: 0%;
}

.tempArrow:hover
{
    opacity: 100%;
}

.buttonArrowRight,
.buttonArrowLeft
{
    position: absolute;
    height: 78%;
    width: 50%;

    top: 7.9%;
    bottom: 20%;
    left: 20%;

    opacity: 100%;
    background-color: none;
    background: transparent;
    border: none;
}