/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #181818;
  --ifm-color-primary-dark: #20232a;
  --ifm-color-primary-darker: #444444;
  --ifm-color-primary-darkest: #000000;
  --ifm-color-primary-light: #080808;
  --ifm-color-primary-lighter: rgb(0, 0, 0);
  --ifm-color-primary-lightest: rgb(139, 139, 139);
  --ifm-code-font-size: 95%;

  --ifm-color-header-background: var(--ifm-color-primary);
  --ifm-padding-header-top: 64px;
  --ifm-padding-header-bottom: 64px;
  --ifm-fontfamily-header-title: "Roboto";
  --ifm-fontsize-header-title: 48px;
  --ifm-fontcolor-header-title: #1c1e21;
  --ifm-fontsize-header-tagline: 24px;
  --ifm-fontcolor-header-tagline: #1c1e21;
  --ifm-fontsize-header-button: 19px;
  --ifm-fontcolor-header-button: #1c1e21;
  --ifm-buttoncolor-header-button: #ffffff;
  --ifm-fontcolor-feature-title: #ffffff;
  --ifm-fontcolor-navbar-title: #000000;
}

.docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

html[data-theme="dark"] .docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.3);
}

/* Feature */
.linkFeature-item-container {
  box-shadow: 2px 2px 8px rgba(58, 58, 58, 0.4);
  padding: 0;
  margin: auto;
  margin-bottom: 40px;
  position: relative;
  border-radius: 5px;
}
.linkFeature-item-container:hover {
  box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.5);
}
.linkFeature-item-title-div {
  top: 50%;
  left: 50%;
  width: 80%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.linkFeature-item-title {
  margin: 0;
  font-size: 25px;
  font-weight: bold;
  line-height: 30px;
}
.linkFeature-item-image-div {
  border-radius: inherit;
  height: 280px;
}
.linkFeature-item-image-div img {
  border-radius: inherit;
}
.linkSection {
  box-shadow: inherit;
  background-repeat: no-repeat;
  background-size: cover;
}
.row {
  padding-top: 50px;
}
.basicSection {
  box-shadow: inherit;
  background-repeat: no-repeat;
  background-size: cover;
}
.basicFont {
  color: var(--ifm-fontcolor-feature-title);
}
.basicFontDesc {
  color: var(--ifm-fontcolor-feature-title);
  opacity: 80%;
}
.navbarTitle {
  color: var(--ifm-fontcolor-navbar-title);
}
