body {
  
  background-image: url("images/202303_number_ja_page-0001(1).jpg");
  background-size: 300px auto;
  font-family: 'Helvetica', Verdana, sans-serif;
  font-size: 20px;
}

ul {
  list-style-type: none;
  padding: 0px;
  margin:10px;
  overflow: hidden;
  background-color: white;
  position: fixed;
  border-radius: 10px;
}

li a {
  display: block;
  color: dimgray;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
}

li a:hover {
  color: black;
  background-color: aliceblue;
}

.contents {
  padding: 20px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-radius: 20px;

}

.reviewsection {
  padding: 30px;
  font-family: Arial;
  font-size: 16px;
  margin: 20px;
  border:solid black;
  border-radius: 30px;
  background-color: aliceblue;
  position: relative;
}

.header {
  font-size:30px;
  font-family: serif;
  font-weight:bold;
  text-align: center;
}

.score {
  color:darkblue;font-weight:500;
}

.review {
  border: solid 2px lightsteelblue;
  border-radius: 12px;
  padding: 10px;
  margin: 5px;
  background-color: white;
}

.reviewtitel {
  
  font-size:18px;
}

.meer {
  border: solid 2px lightsteelblue;
  border-radius: 12px;
  padding: 10px;
  margin: 5px;
  background-color: aliceblue;
  display:block;
  text-decoration: none;
  color: #788ca6;
  cursor: pointer;
}

.meer:hover {
  background-color: white;
  color: black;
}

* {
  box-sizing: border-box;
}


/* Three column layout */
.side {
  float: left;
  width: 20%;
  margin-top:10px;
}

.middle {
  float: left;
  width: 80%;
  margin-top:10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The bar container */
.bar-container {
  width: 100%;
  background-color: lightsteelblue;
  text-align: center;
  color: white;
}

/* Individual bars */
.bar-5 {width: 100%; height: 18px; background-color: darkblue;}
.bar-4 {width: 90%; height: 18px; background-color: darkblue;}
.bar-3 {width: 34%; height: 18px; background-color: darkblue;}
.bar-2 {width: 4%; height: 18px; background-color: darkblue;}
.bar-1 {width: 11%; height: 18px; background-color: darkblue;}

@media (max-width: 500px) {
  .side, .middle {
    width: 100%;
    }}