body {
    background-color: rgb(151, 201, 76);
    margin: 0;
    overflow: hidden;
}

.container {
    padding: 30px;
    height: 100vh;
    width: 100vw;
    /* this is the width of your layout! */
    /* if you change the above value, scroll to the bottom
and change the media query according to the comment! */
    margin: 0 auto;
    /* this centers the entire page */
    display: flex;
    gap: 15px;
}

.shadowed {
    background-color: mintcream;
    border-radius: 2.5px;
    filter: drop-shadow(10px 10px 0 green);
}

#leftdiv {
    width: 32%;
    display: block;
    order: 1;
    padding: 5px;
}

#rightdiv {
    width: 70%;
    display: block;
    flex: 1;
    order: 2;
    position: relative;
}

#header {
    height: 18vh;
    width: 100%;
    line-height: 18vh;
    color: green;
    font-family: 'Times New Roman', Times, serif;
    font-size: 36pt;
    letter-spacing: 2.8pt;
    text-align: center;
    margin-bottom: 30px;
}

#flexhell {
    width: calc(100% + 10px);
    height: calc(100vh - 60px - 18vh);
    display: flex;
    gap: 15px;
    overflow: scroll;
}

#flexhell .shadowed {
    padding: 10px;
    width: 100%;
    font-size: 10pt;
    margin-bottom: 15px;
}

#col1, #col2 {
    width: calc(50% - 12.5px);
}

#reviewcontainer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    overflow: scroll;
    align-items: center;
    margin: 25px 20px 0 20px;
    padding-bottom: 20px;
    padding-right: 10px;
    z-index: 10;
}

.media {
    background-color: mintcream;
    min-width: 150px;
    width: calc(0.33333333 * (100% - 40px));
    height: 20vh;
    text-align: left;
    padding: 15px;
}

.media img {
    height: 100%;
    float: left;
    margin-right: 16px;
}

.media h2 {
    margin-top: 5px;
    margin-bottom: 0;
    color: green;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 400;
    letter-spacing: 1.2pt;
    font-size: 13pt;
}

.media p {
    margin-top: 5px;
}

.review {
    position: absolute;
    height: 100%;
    width: calc(100% - 50px);
    top: 0;
    left: 20px;
    opacity: 0;
    display: block;
    margin-top: 25px;
    transition: 0.3s ease opacity;
    z-index: -1;
}