/*!
 * 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"] *{
  color: #000 !important;
  
}

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

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

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

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

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

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

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

[data-theme="dark"]   .content{
    background-color: rgba(232, 233, 235, 0.8);
}
[data-theme="dark"] .content2{
  background-color: rgba(232, 233, 235, 0.8) !important;
  color: #000 !important;
}

*{
  font-family: 'Special Elite';

}

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*/
}
[data-theme="dark"] .btn-outline-dark{color:#000 !important;border-color:#343a40}.btn-outline-dark:hover{color:#000;background-color:#FFFF00;border-color:#343a40}
.btn-outline-light:hover{color:#000;background-color:#FFFF00;border-color:#343a40}