html, body, h1 {
  /* background-color: #232323;
  color: #d1d1d1; */
  background-color: #232323;
  color: #fff;
  font-family: 'Oswald', sans-serif;
}

.center {
  background: #303030;
    color: #d1d1d1;
}

.center {
  background: linear-gradient(#232323, #232323);
}

.center a {
    color: #27ae60;
    transition: 0;
}

.center a:hover {
  text-decoration: none;
    color: tomato;
    transition: 0;
}

.headerBar {
	background-color: #303030;
}

.navbar-toggler-icon {
  color: #27ae60
}

.navbar {
  background-color: #303030
}

.headerLeftBar p {
	color:  #8f9296;
}

.headerLeftBar p span {
	color:  #27ae60 /*dd4433*/;
}
.headerRightBar a {
  padding: 1em;
	background-color:  transparent;
	color: #27ae60 /*ff4433*/;
}
.headerLeftBar li a:hover {
   background-color: #27ae60;
	/* background-color:  transparent; */
    color: #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    /* margin: 0;
    padding: 1em; */
}



.headerRightBar a:link, a:visited {
/*    background-color: #d9d9d9;*/
	/* background-color: #d9d9d9; */
    color: #27ae60 /*dd4433*/;
}

.headerRightBar li a:hover {
   background-color: #27ae60;
	/* background-color:  transparent; */
    color: #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    margin: 0;
    /* padding: 1em; */
}

.headerRightBar a:active {
    color: #d1d1d1;
    background-color: #27ae60 /*ff4433*/;
}

.dropbtn {
  background-color: transparent;
  color: #27ae60;
}

.dropdownList {
  background-color: transparent;
  color: #27ae60;
}

.dropdownSublist {
   background-color: #393939;
}

.dropdownSublist a {
   /* color: black; */
}


.dropdownSublist a:hover {
  background-color: #27ae60;
  color: #c9c9c9;
  /* font-size: 25px; */
}

.dropdownList:hover .dropdownSublist {
   display: block;
}

.dropdownList:hover .dropbtn {
  color: #d9d9d9;
  border-bottom: 2px solid #d9d9d9;
}

.center {
    background-color: transparent;
}

.center h1 {
    color: #27ae60 /*ff4433*/;
}

.center h1 span {
    color: #303030;
}

.center code {
    background-color: #303030;
    color:  #27ae60 /*dd4433*/;
}

.center .card {
  background-color: transparent;
  /* background-color: #303030; */
  border: none;
}

#form {
  background: #d1d1d1;
  color: #323232;
}

#form input[type="text"],
#form input[type="email"],
#form input[type="tel"],
#form input[type="url"],
#form input[type="password"],
#form textarea {
  border: 1px solid #ccc;
  background: #f1f1f1;
}

#form button[type="submit"] {
  background: #4CAF50;
  color: #f1f1f1;
}
#form button[type="submit"]:hover {
  background: #43A047;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
#form input:focus,
#form textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}

.footer {
  background: #353535;
  color: #d9d9d9;
}
.footer a {
  color: #d9d9d9;
}
.footer a:hover, .footer a:focus {
  color: #27ae60;
	background-color:  transparent;
  border-right: 6px solid #27ae60;
}
.footer .footer-meta p {
	color:  #8f9296;
}

.footer .footer-meta p span {
	color:  #27ae60 /*dd4433*/;
}

.box {
  background: #393939 ;
}

.footerBottomBar {
  background: #212121;
}
.footerBottomBar .footerBottomBarLeftSide {
  color: #d9d9d9;
}
.footerBottomBar .footerBottomBarLeftSide p {
	color:  #8f9296;
}

.footerBottomBar .footerBottomBarLeftSide p span {
	color:  #27ae60 /*dd4433*/;
}

.footerBottomBar .footerBottomBarRightSide .icons {
  background: #d9d9d9;
}
.footerBottomBar .footerBottomBarRightSide .icons:hover, .footerBottomBar .footerBottomBarRightSide .icons:focus {
  background: #27ae60;
}
.footerBottomBar .footerBottomBarRightSide a {
  color: #313131;
}