.input-divider {
    margin-top: 18px;
    margin-bottom: 18px;
}

.botao-form {
    margin-top: 0px;
    width: 100%;
    padding:15px;
}
.botao-nav {
    padding-right: 10px;
    padding-left: 10px;
    color: #e1e3e8;
    text-decoration: underline;
}

@media (max-width: 768px) { /* Adjust the breakpoint as needed */
  .botao-nav {
    padding-right: 5px;
    padding-left: 5px;
    color: #e1e3e8;
}
}

.claricita {
     font-family: "Delius Swash Caps", cursive;
     font-size: 32px;
     margin-bottom: 0px;
}
.adicionado-article {
    text-align: center;

}
.adicionado-fieldset {
    background: #2a303c;
}
.article-listas {
    margin-top: 18px;
    padding: 10px;
}
.fieldset-listas {
    padding: 20px;
}
.citacao-texto {
    font-size: 18px;
    margin: 0px;
    margin-bottom: 5px;
}
.citacao-infos {
    text-align: right;
    margin: 0px;
}
article {
    background: #2e3440;
    padding: 10px;
}

fieldset {
    margin: 0px;
}
summary {
    list-style-type: none; cursor: pointer;
    margin-bottom: 0px;
}
details {
    margin-bottom: 0px;
}
main {
  width: 420px;
  margin: auto;
}

@media (max-width: 768px) { /* Adjust the breakpoint as needed */
  main {
    width: 90%;
  }
}
nav {
    background: #2e3440;
    text-align:center;
    width: 420px;
    margin: auto;
    border-radius: 5%;
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    
}
    @media (max-width: 768px) { /* Adjust the breakpoint as needed */
  nav {
    width: 90%;
  }
}
body {
  --s: 30px; /* control the size*/
  --c1: #474e5c;
  --c2: #383f4d;
  
  --_s:37.5% 12.5% at 62.5%;
  --_g:34% 99%,#0000 101%;
  --g1:radial-gradient(var(--_s) 100%,#0000 32%,var(--c1) var(--_g));
  --g2:radial-gradient(var(--_s) 0   ,#0000 32%,var(--c1) var(--_g));
  --g3:radial-gradient(var(--_s) 100%,#0000 32%,var(--c2) var(--_g));
  --g4:radial-gradient(var(--_s) 0   ,#0000 32%,var(--c2) var(--_g));
  background:
    var(--g1),
    var(--g2) 0                calc(3*var(--s)),
    var(--g3) var(--s)         calc(3*var(--s)),
    var(--g4) var(--s)         calc(6*var(--s)),
    var(--g1) calc(2*var(--s)) calc(6*var(--s)),
    var(--g2) calc(2*var(--s)) calc(9*var(--s)),
    var(--g3) calc(3*var(--s)) calc(9*var(--s)),
    var(--g4) calc(3*var(--s)) 0,
    repeating-linear-gradient(var(--c1) 0 25%,var(--c2) 0 50%);
  background-size: calc(4*var(--s)) calc(12*var(--s));
}