/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Inconsolata:400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400i,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;600;800&display=swap');

@charset "UTF-8";

body { overflow-x: hidden; font-family: 'Lexend', sans-serif; font-size: 14px; color: #444; margin-bottom: 50px; font-weight: 300; line-height: 24px; }
strong { font-weight: 600; color: #5f6cab; }
h1 { padding-top: 50px; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: 'Poppins'; color: #252525; }
h4 { margin-top: 60px; }
i { font-size: 13px; margin-right: 6px; }
pre { border-radius: 4px; }
img { margin-bottom: 10px; margin-top: 10px; max-width: 100%; border: 2px solid #e1e1e1; border-radius: 6px; padding: 0px; background: #f2f2f2; }
hr { margin-top: 20px; margin-bottom: 60px; }
code { font-size: 14px; color: #5f6cab; word-break: break-word; background: #f3f3f3; padding: 3px; border-radius: 5px; font-family: 'Inconsolata'; font-weight: 600; }
section { border-bottom: 2px solid #ddd; }
.alert { font-weight: 500; border: 1px solid #ddd; box-shadow: 3px 3px #12121212; }
.la, .las { font-size: 15px; }
.hljs { background: #333; line-height: 16px; font-size: 14px; }
.btn { border-radius: 10px; background: #ffeb3b; padding: 12px; font-size: 14px; font-weight: 600; color: #121212; border: 1px solid #121212; margin-bottom: 20px;     box-shadow: 1px 1px 2px #1212127a }
.btn:hover { background: #121212; color: #ffeb3b; }
.list-group-flush .list-group-item { font-weight: 500; }
.list-group-flush .list-group-item i { font-size: 18px; }
.mt-4, .my-4 { font-weight: 700; }
.dropdown-item { font-size: 13px; }
#sidebar-wrapper {
  position: fixed;
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
  padding: 20px;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

/* Media queries */
@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
    margin-left: 260px;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}
