html {
  background-color: #000000;
  font-family: "Plus Jakarta Sans", serif;
  font-weight: bold;
  color: #f1f1f1;
  font-size: 60px;
}

body {
  min-width: fit-content;
}
.bar {
  width: 600px;
  height: 10px;
  background-color: #4b4bea;
  margin: 0px 0px 20px 200px;
}

.logo {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.intro {
  font-size:35px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;

}

.sidenav {
  z-index: 0;
  top: 0;
  left: 0;
  background-color: #4b4bea;
  overflow-x: hidden;
  font-size: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 40px;
  color: #f1f1f1;
}

.sidenav a:hover {
  color: #000000;
}



.header {
  margin: 0 auto;
  width: 1010px;
  /* border: 1px solid white; */
}

#events {
  padding-left: 50px;
}

#kivi3 {
  width: 100%;
}

.flyers {
  display: flex;
  justify-content: center;
}

.flyers img {
  scale: 90%;
  width: 33%;
}

.flyers2 {
  display: flex;
  align-content: center;
}

.flyers2 img {
  width: 100%;
}

.flyers3 {
  display: flex;
  align-content: center;
}

.flyers3 img {
  width: 100%;
}

#mixes {
  padding-left: 50px;
}

.mixes {
  display: flex;
  align-content: center;
}

.mixes img {
  width: 100%;
}
.mixes2 {
  display: flex;
  align-content: center;
}

.mixes2 img {
  width: 100%
}

.mixes3 img {
  width: 100%;
}
.mixes3 {
  display: flex;
  align-content: center;
}

.mixes4 img {
  width: 100%;
}
.mixes4 {
  display: flex;
  align-content: center;
}

.mixes5 img {
  width: 100%;
}
.mixes5 {
  display: flex;
  align-content: center;
}

.mixes6 img {
  width: 100%;
}
.mixes6 {
  display: flex;
  align-content: center;
}

.mixes7 img {
  width: 100%;
}
.mixes7 {
  display: flex;
  align-content: center;
}

.mixes8 img {
  width: 100%;
}
.mixes8 {
  display: flex;
  align-content: center;
}

.mixes9 img {
  width: 100%;
}
.mixes9 {
  display: flex;
  align-content: center;
}

.mixes10 img {
  width: 100%;
}
.mixes10 {
  display: flex;
  align-content: center;
}