.not-found-container {
  transition: opacity 0.2ms ease-in-out;
  opacity: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

.not-preferred-lang {
  width: 100%;
  background-color: rgba(140, 140, 140, 0.2);
  font-size: 0.6rem;
  padding: 0.05rem 1rem;
}

.md-content-container {
  padding: 0.75rem 1.5rem;
  margin: 0;
  padding-top: 0rem;
  margin-top: 0rem;
}

:host ::ng-deep .ck .ck-toolbar {
  border: none !important;
  border-radius: 0 !important;
}

:host ::ng-deep .ck .ck-content {
  border: none !important;
  background-color: rgba(0,0,0,0);
}

:host ::ng-deep .ck.ck-editor__main>.ck-editor__editable {
  background-color: rgba(0,0,0,0);
  padding: 0.5rem 0.3rem;
  // pre > code {
  //   color: rgba(0,0,0,0) !important;
  //   caret-color: black;
  // }
}

:host ::ng-deep .ck.ck-editor__main p { margin: 0; }

@media screen and (max-width: 768px) {
  .md-content-container {
    padding: 3% 4%;
    margin: 0;
  }
  :host ::ng-deep markdown {
    zoom: 110%;
  }
  // :host ::ng-deep markdown > * {
  //   font-weight: bold !important;
  // }
  :host ::ng-deep markdown h1 {
    font-weight: 400;
  }
  :host ::ng-deep markdown p {
    color: black;
  }
}

:host ::ng-deep markdown {
  pre {
    padding: 0.8em;
  }
  code {
    font-size: 0.6rem;
  }
}