* {
    box-sizing: border-box;
}

.maincontainer {
    background-image: url(/images/ReviewBG.png);
    background-size:center;
    color: rgb(255, 0, 117);
    font-family: Garamond, serif;
    /*flex settings*/
    display:flex;
    justify-content: space-evenly;
}
.middle {
    margin:auto;
    width:56rem;
    text-align: center;
}
.middle > div {
    border: 1px double rgb(255, 0, 117);
    background-color: rgba(16, 3, 12, 0.84);
    font-size: 25px;
}

.header {
    padding-left: 15px;
    padding-right: 15px;
}

/* Lists */

.listcontainer {
    display:flex;
    flex-flow: column wrap;
    align-items: center;
    margin:auto;
    margin-top:35px;
    width:50rem;
}

/*Reviews Template*/

.review {
    border: 1px solid rgb(246, 247, 97);
    height: 20rem;
    width: 40rem;
    margin:10px;
    overflow:auto;
    overflow-x:hidden;
    /*review flex*/
    display: flex;
    flex-flow: row wrap;
}

.image{
    width:37%;
    height:98%;
    padding: 3px 6px;
    float:left;
}

.reviewmain{
 
    font-size: 20px;
    width:63%;
    float: right;
    color:azure;   
    margin:auto;
    padding:3px 12px;
    
}

.reviewmain{
    color:rgb(246, 247, 97);
}

.reviewmain > h2::first-line{
    color:rgb(255, 0, 117);
    font-size:40px;
}

.reviewmain > p{
    color: azure;
}

/* Links */
a{
    display: block;
    color: rgb(255, 0, 117);
    font-size:30px;
    font-weight:bold;
    padding-bottom: 3px;
    text-decoration:none;
}

a:hover{
    color:rgb(246, 247, 97);
}