/*!
 * Dark Mode Switch v1.0.1 (https://github.com/coliff/dark-mode-switch)
 * Copyright 2021 C.Oliff
 * Licensed under MIT (https://github.com/coliff/dark-mode-switch/blob/main/LICENSE)
 */

[data-theme="dark"] {
  background-color: #111 !important;
  color: #eee;
}

[data-theme="dark"] .bg-black {
  background-color: #fff !important;
}

[data-theme="dark"] .bg-dark {
  background-color: #eee !important;
}

[data-theme="dark"] .bg-light {
  color: #eee !important;}

  [data-theme="dark"] .btn {
    color: #eee;
  }

[data-theme="dark"] .bg-white {
  background-color: #000 !important;
}

[data-theme="dark"] button {
  background-color:#ffffff;
  font-family: 'Ubuntu Mono', monospace;
  border-color:#23272a;
}

[data-theme="dark"] .content{
  background-color: #23272a !important;

  margin: auto;
  min-height: 700px;
  padding: 50px;
  width: 80%;
}

*{
  font-family: 'Special Elite';
  text-align: center;

}

nav a {
  color: #ffffff;
  font-family: 'arial black', arial, sans-serif;
  padding: 0.5vh;
  text-decoration: none;

  background-color: black;
}

.nav-home {background-color: black;}

.nav-my-videos {background-color: black;}

.nav-about-my-channel {background-color: black;}

.nav-my-photoshop {background-color: black;}


.nav-home:hover {background-color: yellow; color: black;}
.nav-my-videos:hover {background-color: yellow; color: black;}
.nav-about-my-channel:hover {background-color: yellow; color: black;}
.nav-my-photoshop:hover {background-color: yellow; color: black;}

nav a {
  transition: background-color 0.5s ease;
}

header {
  background-color: rgb(222, 255, 0);
  /* don't forget about hexcolors*/
}
.btn-outline-dark{color:#3366CC;border-color:#343a40}.btn-outline-dark:hover{color:#000;background-color:#FFFF00;border-color:#343a40}