#themeToggle {
  background-color: transparent;
  border: none;
}
[data-theme=light],
  :root:not([data-theme=dark]),
  :host:not([data-theme=dark]) {
    --pico-font-size: 100%;}
[data-theme=dark],
  :root:not([data-theme=light]),
  :host:not([data-theme=light]) {
    --pico-font-size: 100%;}
header{
  position: relative;
  top: -20px;
}
nav {
  padding-left: 1%;
  padding-right: 1%;
  background-color:#3C71F7;
}
li, li > a{
  color: white;
}
.button2 {background-color: #f44336;}

[data-theme=light],
:root:not([data-theme=dark]),
:host:not([data-theme=dark]) {
  --pico-primary-hover: black;
  --pico-primary-hover-background: #02659a;
  --pico-primary-hover-border: var(--pico-primary-hover-background);
  --pico-primary-hover-underline: white;
  --pico-primary-focus: rgba(0, 0, 0, 0.5);
}

[data-theme=dark],
:root:not([data-theme=light]),
:host:not([data-theme=light]) {
  --pico-primary-hover: white;
  --pico-primary-hover-background: #02659a;
  --pico-primary-hover-border: var(--pico-primary-hover-background);
  --pico-primary-hover-underline: white;
  --pico-primary-focus: rgba(0, 0, 0, 0.5);
  --pico-primary-inverse: #fff;
}

#menuAdmin header{
  position: relative;
  top: -20px;
}
#menuAdmin nav {
  padding: 1%;
  background-color:#3C71F7;
  margin-bottom: 3ch;
}
#menuAdmin li, li > a{
  color: white;
}

@media only screen and (max-device-width: 480px){ 
        header {
          font-size: 80%;
       }
      }