html {
  background-color: #22212C;
}

body {
background-color: #22212C;
font-family: 'Ubuntu', serif;
}

h2 {
  /* text-align: center; */
  color: #00C894;
}

hr {
  border: dotted 8px #E5EFC1;
  border-bottom: none;
  width: 4%;
  margin: 20px auto;
}

.profile-picture {
  width: 30%;
  max-width: 160px;
  min-width: 30px;
}

.navbar-custom {
/* background-color: #22212C; */
background-color: #353345; 
}

.my-logo{
  max-width: 80px;

}
.my-brand {
  color: #00C894;
  background-color: 22212C;
  font-size: 2.5rem;
  font-weight:bold;
  width: 40px;
}
.text-green {
  /* text-align: center; */
  color: #00C894;
}

.bg-grey {
  /* text-align: center; */
  background-color: #353345 !important; 
}

.text-code{
  font-family: 'Ubuntu Mono' !important;
  font-weight: bold;
}

#smiley{
  font-family: 'Ubuntu Mono', serif !important;
}