/*
This is the CSS file that controls the review sections.
*/



.reviewbox{
    margin-left: 3%;
    
    border-width: 4px;
    border-style: solid;
    border-color: white;
    overflow-y: scroll;
    
    width: 46%;
    height: 80vh;
    background: #12071c;
    border-radius: 16px;
    
    color:white;
    align-items: center;
    display:flex;
    flex-direction: column;
    /*
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    */
}

@font-face {
  font-family: oldstyleSC; /* set name */
  src: url(fonts/LTCCloisterOldstyleSC.ttf); /* url of the font */
}
@font-face {
  font-family: f; /* set name */
  src: url(fonts/futuramedium.ttf); /* url of the font */
}
@font-face {
    font-family: oldstyle;
    src: url(fonts/LTCCloisterOldstyle.ttf);
}
@font-face {
  font-family: suisse;
  src: url(fonts/suisse.ttf);
  
}



.fragilereview{
    font-family: f;
}
.monarchreview{
    font-family: oldstyle;
    background: white;
    color: black

}

.monarchheader{
    width: 100%;
    font-size: 120%;
    color: #EB008C;
    /*
    background: #03092D;
    background: linear-gradient(180deg,rgba(3, 9, 45, 1) 0%, rgba(91, 23, 98, 1) 32%, rgba(123, 20, 63, 1) 69%, rgba(67, 36, 67, 1) 100%);
    */
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 430px;
}

.monarchindex{
    
    font-size: 20px;
    
    width:80%;
    font-family: oldstyleSC;
    
}

.monarchrow{
    
    display:flex;
    justify-content: space-between;
    height: 40px;
    
}

.n{
    text-align: right;
    width: 0%;
    
}

.monarchtitle{
    width: 80%;
}

.monarchchapter{
    font-family: oldstyleSC;
    font-size: 30px;
    line-height:0;
}
.monarchstory{
    width:80%;
}

.thenewsound{
    background-color: black;
    font-family: suisse;
    color:white;
    font-size: 30px;
    line-height: 1px;
}