.recension_box{
  background-color: white;
  border: 1px solid gray;
  width: 100%;
  border-radius:1em;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 0.5em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1em;
  transition: height 2s;
  box-shadow: 2px 2px #3c6b6c;
  }
  .recension_box p{
      display:flex;
      flex-direction: row;
  }
.recension_date{
    margin:0em;
    font-size:var(--small_size);
  }
.recension_stars{
    font-size:var(--h2_size);
    justify-content: flex-start;
    margin-top:0.5em;
    margin-bottom:0em;
  }
.recension_text{
  }
.recension_name{
    justify-content: flex-end;
    font-style: italic;
    font-size:var(--small_size);
    margin:0em;
  }                
#recension_list{
      width: 100%;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow-y: scroll;
    padding-right: 1em;
    scrollbar-width: thin;
    max-height: 50vh;
  }
  
  #news_list{
      width: 100%;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow-y: scroll;
    padding-right: 1em;
    scrollbar-width: thin;
    max-height: 50vh;
  }
  .news_box{
  background-color: white;
  border: 1px solid gray;
  width: 100%;
  border-radius:1em;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 0.5em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1em;
  transition: height 2s;
  box-shadow: 2px 2px #3c6b6c;
  }