style.css

body {
  min-height: 100%;
  background: #fff;
  color: #61dafb;
  background-image:url(bg.png);
}
body {
  font-size: 1.4rem;
  text-rendering: optimizeLegibility;
  font-family: "Poppins", sans-serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

body,
ul,
ol,
dl {
  margin: 0;
}

#navbar {
  height:50px;
  width:100%;
  display: flex;
  justify-content: center;
}
button {
  height: 50px;
  border:1px solid ;
  background-color:#282c34;
  color:#61dafb;
  font-weight: bold;
  font-size: 1.50rem;
  margin: 2px;
}
button:hover{
  background-color:#61dafb;
  color:#282c34;
  cursor:pointer;
}
#bars {
 height:500px;
 background-color:rgba(40,44,52,0.75);
 opacity: 70%;
 width:75%;
 transform: rotateX(180deg);
 margin: 30px 0px 0px 0px;
 display: flex;
}

.array-element {
  width:100%; 
  height: 400px;
  margin: 0px 0.5rem;
  opacity: 100%;
}
#sliders
{
  display: flex;
  width:100%;
  justify-content: space-evenly;
}
#logo {
  opacity: 100%;
  width: 100%;
  height: 100%;
}
#refresh{
  background-color: #282c34;
  border-radius: 2px;
}