@use '@angular/material' as mat;

//markdown styles
@import 'bootstrap/dist/css/bootstrap.min.css';
@import 'prismjs/themes/prism-okaidia.css';
@import 'prismjs/plugins/line-numbers/prism-line-numbers.css';
@import 'prismjs/plugins/line-highlight/prism-line-highlight.css';
blockquote {
  border-left: 3px solid rgba(0,0,0,0.21);
  padding-left: 12px;
  color: rgba(0,0,0,0.54);
}
//--------------------------
//
html, body { height: 100%; }
body {
  background-image: url('../public/Firefly_jambo tron 118290.jpg');
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif;
}

.router_outlet_padding{
  padding-top: 60px;
  scroll-padding-inline: 40%;
}

//---------------
.pc-sidebar{
  top: 65px;
  overflow-y: auto;
  background-color: rgba(153, 153, 153, 0.16);

  backdrop-filter: blur(8px);

  background: var(--pc-sidebar-background);
  width: 260px;
  position: fixed;

  bottom: 0;
  z-index: 1026;
  box-shadow: var(--pc-sidebar-shadow);
  display: block;
  height: 100vh;
  color: var(--pc-sidebar-color);
  border-right: 1px solid rgb(240, 240, 240);

}
.pc-container{
  top: 0;
  padding-left: 5px;
  padding-right: 5px;

  position: relative;
  margin-left: 260px;
  min-height: calc(100vh - 113px);
  background: #fafafbb3;
}

html {
  color-scheme: light dark;
  @include mat.theme((
    color: mat.$azure-palette,
    typography: Jersey 20 Charted,
    density: 0
  ));
}