body {
     margin: 0;
     overflow: hidden;
     background: #e3e3e3;
     font-family: redaction;
     src: url('redaction_normal.ttf');
     font-size: 13px;
}
#banner {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  z-index: 50;
}

 @font-face {
     font-family: 'redaction';
     src: url('redaction_normal.ttf') format('truetype');
}
 body {
     font-family: 'redaction', sans-serif;
}


/* BARRA DE NAVEGAÇÃO */

 #navbar {
     position: fixed;
     top: 10px;
     width: 55%;
     left: 50%;
     transform: translateX(-50%);
     height: 40px;
     background-color: #e3e3e3;
     border-radius: 5px;
     border: 1px solid #1f1f1f;
     box-shadow: 2px 2px #1f1f1f;
     display: flex;
     align-items: center;
     justify-content: space-evenly;
     list-style: none;
     padding: 0;
     margin: 50;
     z-index: 100;
}
 #navbar li a {
     color: #ba497a;
     font-weight: 800;
     text-decoration: none;
     font-size: 18px;
}
 #navbar li a:hover {
     color: #82264e;
     text-decoration: underline;
}


.container {
  position: relative;
  max-width: 850px;
  margin: 120px auto 0 auto;
  z-index: 60;
}

.slide-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 60px;
}

.slides-container {
  display: flex;
  transition: transform 0.4s ease;
  width: 100%;
}

.mySlides {
  min-width: 70%;
  padding: 0 10px;
  box-sizing: border-box;
}

.mySlides img {
  width: 100%;
  display: block;
}

.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 12px 16px;;
  color: #ba497a;
  cursor: pointer;
  border-radius: 3px;
  font-size: 20px;
  user-select: none;
}

.prev { left: 15%; }
.next { right: 15%; }

.prev:hover, .next:hover {
  color: #82264e;
}

.row {
  display: flex;
  gap: 5px;
  padding: 5px 0;
}

.column { flex: 1; }

.demo {
  opacity: 0.6;
  width: 100%;
  cursor: pointer;
}

.demo:hover, .active { opacity: 1; }

.caption-container {
  text-align: center;
  padding: 0px;
  background-color: #e3e3e3;
  border-radius: 5px;
  border: 1px solid #1f1f1f;
  box-shadow: 2px 2px #1f1f1f;
  margin: 50px;
  color: #ba497a;
}


 
 
 
  color: #e3e3e3;
}