@font-face {
    font-family: Kalam;
    src: url(ttf/Kalam-Bold.ttf);
}

@font-face {
    font-family: OpenSansReg;
    src: url(ttf/OpenSans-Regular.ttf);
  }
  
  @font-face {
    font-family: OpenSansSemiBold;
    src: url(ttf/OpenSans-SemiBold.ttf);
  }

.sozi-notes {
  background-color:rgba(20, 40, 60, 1);
  color: rgba(220, 220, 220, 1);
  font-family: OpenSansReg, sans-serif;
  padding-left: 1.5rem;
  overflow-y: scroll;
  width: 50%;
}

h1 {
    text-align: center;
    font-family: Kalam;
}

h2, h2 span {
  color: rgba(255, 180, 0, 1);
  font-family: OpenSansSemiBold;
  font-size: 1.1rem !important;
}

h3 {
  color: rgba(235, 235, 235, 1);
  font-family: OpenSansSemiBold;
  font-size: 0.9rem;
}

p, li {
  font-size: 0.9rem;
}

a {
  text-decoration: none !important;
}

a font, font a {
  color: rgba(220, 220, 220, 1) !important;
  font-family: OpenSansReg !important;
  font-size: 0.9rem !important;
}

a font:hover, font a:hover {
  color: rgba(255, 255, 255, 1) !important;
}

b {
  font-family: OpenSansSemiBold;
}